/* AKL Propreté : modernisation du 2026-10-23, posée par-dessus la feuille d'origine (site.css).
   Polices rares à la place de Plus Jakarta Sans et Inter, fonds chauds (plus de bleu clair),
   ronds pâles façon Tigmi, aucune ombre portée, largeurs de l'agence, en-tête à panneaux,
   bannières, tarifs, formulaire et pied de page refaits. */

@font-face{font-family:"Gantari";font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/gantari-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:"Gantari";font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/gantari-latin-700-normal.woff2) format("woff2")}
@font-face{font-family:"Gantari";font-style:normal;font-weight:800;font-display:swap;src:url(../fonts/gantari-latin-800-normal.woff2) format("woff2")}
@font-face{font-family:"Radio Canada";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/radio-canada-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Radio Canada";font-style:italic;font-weight:400;font-display:swap;src:url(../fonts/radio-canada-latin-400-italic.woff2) format("woff2")}
@font-face{font-family:"Radio Canada";font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/radio-canada-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:"Radio Canada";font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/radio-canada-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:"Radio Canada";font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/radio-canada-latin-700-normal.woff2) format("woff2")}

:root{
	--shell:1640px;
	--gutter:clamp(20px,4.4vw,64px);
	--titres:"Gantari",system-ui,sans-serif;
	--corps:"Radio Canada",system-ui,sans-serif;
	--nuit:#0B1C30;
	--encre:#0B1C30;
	--texte:#3F4850;
	--doux:#5F6B78;
	--action:#0369A1;
	--action-fonce:#075985;
	--vert:#16A34A;
	--vert-fonce:#15803D;
	--vert-clair:#86EFAC;
	--sable:#F7F3ED;
	--sable-2:#F2ECE3;
	--bord:#E7E0D6;
	--rond-abricot:#FBE5CF;
	--rond-menthe:#DFF0E4;
	--rond-sable:#EFE6DA;
}

/* --- Polices ---------------------------------------------------------- */
body,.font-sans{font-family:var(--corps)!important}
.font-titre,h1,h2,h3,h4,.text-h1,.text-h2,.text-h3,.text-h1-mobile,.text-h2-mobile{font-family:var(--titres)!important}
.font-mono{font-family:var(--corps)!important;letter-spacing:.08em!important;font-weight:600}
.contenu h2{font-family:var(--titres)}
h1,h2{letter-spacing:-.015em!important}

/* Titres plus grands (demandé le 2026-10-23) ; une seule taille de H2 sur tout le site */
main h2{font-size:clamp(34px,3.9vw,56px)!important;line-height:1.08!important}
main h3.text-h3,main summary h3,main .akl-tarif h3{font-size:clamp(23px,1.8vw,27px)!important;line-height:1.25!important}
main h3[class*="text-[26px]"],main h3[class*="text-[28px]"],main h3[class*="text-[30px]"]{font-size:clamp(27px,2.4vw,36px)!important;line-height:1.15!important}
main article>h1{font-size:clamp(42px,4.4vw,64px)!important;line-height:1.06!important}
@media (max-width:900px){
	main h1,main article>h1{font-size:clamp(38px,9.4vw,54px)!important;line-height:1.05!important}
	main h2{font-size:clamp(31px,7.6vw,42px)!important;line-height:1.08!important}
	main h3,main h3.text-h3,main summary h3,main .akl-tarif h3,main h3[class*="text-[26px]"],main h3[class*="text-[28px]"],main h3[class*="text-[30px]"]{font-size:clamp(22px,5.6vw,28px)!important;line-height:1.2!important}
}

/* Pas de membre de phrase en couleur dans un titre */
h1 .text-sky-400,h2 .text-sky-400{color:inherit!important}

/* Mots en gras lisibles sur les sections foncées */
.bg-nuit strong{color:#fff}
.bg-nuit .bg-white strong{color:var(--encre)}

/* --- Sur-titre simple (plus de numéro ni de trait) ---------------------- */
.akl-surtitre{margin:0 0 14px;font:600 14px/1.3 var(--corps);letter-spacing:.06em;text-transform:uppercase;color:var(--vert-fonce)}
.akl-surtitre--clair{color:var(--vert-clair)}

/* --- Fonds : plus de bleu clair, des tons chauds ------------------------ */
.bg-fond{background-color:var(--sable)!important}
.bg-ciel{background-color:var(--sable-2)!important}
.ring-sky-100,.ring-slate-100,.ring-trait{--tw-ring-color:var(--bord)!important}
.border-trait,.divide-trait>*{border-color:var(--bord)!important}
.bg-trait{background-color:var(--bord)!important}

/* --- Aucune ombre portée (les contours « ring » restent) ---------------- */
.shadow-carte,.shadow-haute,.shadow-sm,.shadow,.hover\:shadow-survol:hover{--tw-shadow:0 0 #0000!important;--tw-shadow-colored:0 0 #0000!important}

/* --- Largeurs de l'agence ---------------------------------------------- */
.max-w-\[1440px\]{max-width:var(--shell)!important}
.max-w-\[1440px\].px-gutter,.akl-shell{padding-left:var(--gutter)!important;padding-right:var(--gutter)!important}
.akl-shell{width:100%;max-width:var(--shell);margin:0 auto;box-sizing:border-box}

/* --- Ronds pâles façon Tigmi, une section sur deux ---------------------- */
main>section{background-repeat:no-repeat}
#prestations,#deroule,#zone,.akl-rond-a{background-image:radial-gradient(circle 310px at right -110px top -120px,var(--rond-abricot) 99.4%,transparent 100%),radial-gradient(circle 120px at left 6% bottom -70px,var(--rond-menthe) 99.4%,transparent 100%)}
#horaires,#entreprise,.akl-rond-b{background-image:radial-gradient(circle 300px at left -120px top -110px,var(--rond-menthe) 99.4%,transparent 100%),radial-gradient(circle 115px at right 7% bottom -60px,var(--rond-abricot) 99.4%,transparent 100%)}
#tarifs,.akl-rond-sombre{background-image:radial-gradient(circle 320px at right -150px top -190px,rgba(134,239,172,.12) 99.4%,transparent 100%),radial-gradient(circle 110px at left 5% bottom -50px,rgba(254,215,170,.14) 99.4%,transparent 100%)}
#entreprise{background-image:radial-gradient(circle 300px at right -150px bottom -180px,var(--rond-sable) 99.4%,transparent 100%),radial-gradient(circle 115px at left 7% top -60px,var(--rond-abricot) 99.4%,transparent 100%)}
@media (max-width:760px){
	#prestations,#deroule,#zone,.akl-rond-a{background-image:radial-gradient(circle 175px at right -80px top -90px,var(--rond-abricot) 99.4%,transparent 100%),radial-gradient(circle 72px at left 4% bottom -50px,var(--rond-menthe) 99.4%,transparent 100%)}
	#horaires,.akl-rond-b{background-image:radial-gradient(circle 170px at left -80px top -90px,var(--rond-menthe) 99.4%,transparent 100%),radial-gradient(circle 70px at right 5% bottom -45px,var(--rond-abricot) 99.4%,transparent 100%)}
	#entreprise{background-image:radial-gradient(circle 170px at right -90px bottom -110px,var(--rond-sable) 99.4%,transparent 100%),radial-gradient(circle 70px at left 4% top -45px,var(--rond-abricot) 99.4%,transparent 100%)}
	#tarifs,.akl-rond-sombre{background-image:radial-gradient(circle 180px at right -90px top -120px,rgba(134,239,172,.12) 99.4%,transparent 100%)}
}
/* Pages intérieures : une section claire sur deux, coins alternés */
body:not(.home) main>section:nth-of-type(4n+2):not(.bg-nuit){background-image:radial-gradient(circle 300px at right -150px bottom -180px,var(--rond-abricot) 99.4%,transparent 100%),radial-gradient(circle 115px at left 6% top -60px,var(--rond-menthe) 99.4%,transparent 100%)}
body:not(.home) main>section:nth-of-type(4n):not(.bg-nuit){background-image:radial-gradient(circle 300px at left -150px bottom -180px,var(--rond-menthe) 99.4%,transparent 100%),radial-gradient(circle 115px at right 7% top -60px,var(--rond-sable) 99.4%,transparent 100%)}
@media (max-width:760px){
	body:not(.home) main>section:nth-of-type(4n+2):not(.bg-nuit){background-image:radial-gradient(circle 170px at right -90px bottom -110px,var(--rond-abricot) 99.4%,transparent 100%),radial-gradient(circle 70px at left 5% top -45px,var(--rond-menthe) 99.4%,transparent 100%)}
	body:not(.home) main>section:nth-of-type(4n):not(.bg-nuit){background-image:radial-gradient(circle 170px at left -90px bottom -110px,var(--rond-menthe) 99.4%,transparent 100%),radial-gradient(circle 70px at right 5% top -45px,var(--rond-sable) 99.4%,transparent 100%)}
}
/* Une colonne : la photo ouvre la section, les ronds passent dans les coins du bas */
@media (max-width:1023px){
	#horaires,#deroule,#zone{background-image:radial-gradient(circle 200px at right -110px bottom -130px,var(--rond-abricot) 99.4%,transparent 100%),radial-gradient(circle 70px at left 5% bottom -40px,var(--rond-menthe) 99.4%,transparent 100%)}
}

/* --- Boutons ------------------------------------------------------------ */
.akl-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:62px;padding:0 34px;border-radius:12px;font:700 18.5px/1.2 var(--titres);text-decoration:none;transition:background-color .15s,color .15s,border-color .15s;cursor:pointer;border:0}
/* Boutons d'action d'origine dans les pages : même taille que les nouveaux */
main a.bg-bleu-fonce.inline-flex,main a.ring-bleu-fonce.inline-flex{min-height:62px;padding:0 34px!important;border-radius:12px!important;font-size:18.5px!important;font-weight:700!important;align-items:center}
@media (max-width:560px){main .akl-btn,main a.bg-bleu-fonce.inline-flex{min-height:58px;padding:0 24px!important;font-size:17.5px!important}}
.akl-btn{white-space:nowrap}
.akl-btn--plein{background:var(--action);color:#fff}
.akl-btn--plein:hover{background:var(--action-fonce)}
.akl-btn--contour{background:transparent;color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.3)}
.akl-btn--contour:hover{background:rgba(255,255,255,.1)}
.akl-btn .material-symbols-outlined{font-size:22px}
.akl-boutons{display:flex;flex-wrap:wrap;gap:12px}

/* --- En-tête ------------------------------------------------------------ */
.akl-entete{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid var(--bord)}
.akl-entete__barre{display:flex;align-items:center;justify-content:space-between;gap:20px;height:84px}
.akl-entete__logo{display:flex;align-items:center;flex-shrink:0}
.akl-entete__logo img{height:64px;width:auto;display:block}
.akl-nav{display:none}
.akl-nav__liste{display:flex;align-items:center;gap:2px;margin:0;padding:0;list-style:none}
.akl-nav__lien{display:inline-flex;align-items:center;gap:5px;min-height:44px;padding:0 13px;border:0;border-radius:8px;background:none;font:500 16px/1 var(--corps);color:var(--encre);text-decoration:none;cursor:pointer;white-space:nowrap}
.akl-nav__lien:hover,.akl-nav__deroulant:focus-within>.akl-nav__lien,.akl-nav__deroulant:hover>.akl-nav__lien{background:var(--sable);color:var(--action)}
.akl-nav__lien svg{width:14px;height:14px;transition:transform .15s}
.akl-nav__deroulant:hover>.akl-nav__lien svg,.akl-nav__deroulant:focus-within>.akl-nav__lien svg{transform:rotate(180deg)}
.akl-entete__actions{display:flex;align-items:center;gap:10px}
.akl-entete__tel{display:none;align-items:center;gap:8px;min-height:46px;padding:0 16px;border-radius:10px;box-shadow:inset 0 0 0 1px var(--bord);font:700 16px/1 var(--titres);color:var(--encre);text-decoration:none;white-space:nowrap}
.akl-entete__tel:hover{box-shadow:inset 0 0 0 1px var(--action);color:var(--action)}
.akl-entete__tel .material-symbols-outlined{color:var(--action);font-size:20px}
.akl-entete__devis{min-height:52px;padding:0 24px;font-size:17px}
.akl-entete__tel{min-height:52px!important;font-size:17px!important}
/* Téléphone (petit écran) : bouton d'appel à la couleur d'action, hamburger neutre */
.akl-entete__appel{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:10px;background:var(--action);color:#fff;text-decoration:none}
.akl-entete__appel .material-symbols-outlined{font-size:22px}
.akl-burger{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:46px;height:46px;padding:0;border:0;border-radius:10px;background:var(--sable);box-shadow:inset 0 0 0 1px var(--bord);cursor:pointer}
.akl-burger span{display:block;width:20px;height:2px;border-radius:2px;background:var(--encre);transition:transform .2s,opacity .2s}
.akl-burger[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.akl-burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.akl-burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

/* Panneau mobile, posé sous l'en-tête */
.akl-mobile{position:absolute;top:100%;left:0;right:0;max-height:calc(100vh - 84px);overflow-y:auto;background:#fff;border-bottom:1px solid var(--bord);padding:10px var(--gutter) 22px}
.akl-mobile[hidden]{display:none}
.akl-mobile ul{margin:0;padding:0;list-style:none}
.akl-mobile a{display:flex;align-items:center;min-height:52px;padding:0 4px;border-bottom:1px solid var(--sable-2);font:500 17px/1.2 var(--corps);color:var(--encre);text-decoration:none}
.akl-mobile .akl-mobile__groupe{display:block;padding:16px 4px 4px;font:600 13px/1 var(--corps);letter-spacing:.06em;text-transform:uppercase;color:var(--vert-fonce)}
.akl-mobile .akl-mobile__sous a{padding-left:18px}
.akl-mobile__actions{display:grid;gap:10px;margin-top:18px}
.akl-mobile__actions .akl-btn{width:100%;border-bottom:0}
.akl-mobile__actions .akl-btn--tel{background:var(--sable);color:var(--encre);box-shadow:inset 0 0 0 1px var(--bord)}

/* Panneaux du menu : pleine largeur, sous l'en-tête, une photo et son titre par page */
.akl-nav__panneau{display:none}
@media (min-width:1120px){
	.akl-nav{display:block}
	.akl-burger,.akl-mobile,.akl-entete__appel{display:none!important}
	.akl-entete__tel{display:inline-flex}
	.akl-nav__deroulant{position:static}
	.akl-nav__panneau{display:block;position:absolute;top:calc(100% + 1px);left:0;right:0;padding:26px 0 30px;background:#fff;border-bottom:1px solid var(--bord);visibility:hidden;opacity:0;transform:translateY(-6px);transition:opacity .15s,transform .15s,visibility .15s}
	/* pont invisible : la souris descend du lien au panneau sans le refermer */
	.akl-nav__deroulant>.akl-nav__lien{position:relative}
	.akl-nav__deroulant>.akl-nav__lien::after{content:"";position:absolute;left:-10px;right:-10px;top:100%;height:24px}
	.akl-nav__deroulant:hover>.akl-nav__panneau,.akl-nav__deroulant:focus-within>.akl-nav__panneau{visibility:visible;opacity:1;transform:none}
	.akl-nav__grille{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) minmax(0,.9fr);gap:22px;margin:0;padding:0;list-style:none}
	.akl-nav__carte{position:relative;display:block;overflow:hidden;aspect-ratio:16/9;border-radius:14px;background:var(--sable-2);text-decoration:none}
	.akl-nav__carte img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .35s}
	.akl-nav__carte:hover img{transform:scale(1.05)}
	.akl-nav__carte::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(11,28,48,.78),rgba(11,28,48,0) 58%)}
	.akl-nav__titre{position:absolute;left:18px;right:18px;bottom:15px;z-index:1;font:700 19px/1.2 var(--titres);color:#fff}
	.akl-nav__plus{display:flex;flex-direction:column;justify-content:center;gap:12px;padding:0 6px}
	.akl-nav__plus a{font:500 16px/1.35 var(--corps);color:var(--action);text-decoration:underline;text-underline-offset:3px}
	.akl-nav__plus p{margin:0;font:400 15.5px/1.5 var(--corps);color:var(--texte)}
}
@media (min-width:640px){.akl-entete__appel{width:auto;padding:0 14px;gap:8px}.akl-entete__appel .akl-entete__appel-num{display:inline;font:700 15.5px/1 var(--titres)}}
.akl-entete__appel-num{display:none}
@media (max-width:420px){.akl-entete__devis{padding:0 14px;font-size:15px}.akl-entete__logo img{height:54px}.akl-entete__actions{gap:8px}}

/* --- Bannière d'accueil : texte à gauche, trois photos à droite ---------- */
.akl-hero{background:var(--nuit);color:#fff}
.akl-hero__grille{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:clamp(32px,4vw,64px);align-items:stretch;padding-top:44px;padding-bottom:48px}
.akl-hero__texte{display:flex;flex-direction:column;justify-content:center}
.akl-hero__titre{margin:0;font:800 clamp(44px,4.3vw,66px)/1.04 var(--titres);color:#fff}
.akl-hero__intro{margin:24px 0 0;font:400 20px/1.6 var(--corps);color:#CBD5E1;max-width:58ch}
.akl-hero__intro strong{color:#fff}
.akl-coches{display:grid;gap:10px;margin:24px 0 32px;padding:0;list-style:none}
.akl-coches li{position:relative;padding-left:34px;font:500 18px/1.45 var(--corps);color:#E2E8F0}
.akl-coches li::before{content:"";position:absolute;left:0;top:2px;width:24px;height:24px;border-radius:50%;background:var(--vert) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/14px no-repeat}
/* Une seule grande photo, à la hauteur du texte */
.akl-hero__photo{position:relative;overflow:hidden;border-radius:20px;background:#13283F;min-height:520px}
.akl-hero__photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 60%}
@media (max-width:1023px){
	.akl-hero__grille{grid-template-columns:1fr;padding-top:24px;padding-bottom:44px}
	.akl-hero__photo{order:-1;min-height:0;height:340px}
}
@media (max-width:560px){.akl-hero__photo{height:250px;border-radius:16px}.akl-hero__intro{font-size:18px}}

/* --- Bannière des pages intérieures : fil d'Ariane, H1, texte, centrés --- */
.akl-banniere{position:relative;overflow:hidden;background:var(--nuit);color:#fff;text-align:center}
.akl-banniere__photo{position:absolute;inset:0}
.akl-banniere__photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.akl-banniere__photo::after{content:"";position:absolute;inset:0;background:rgba(11,28,48,.66)}
.akl-banniere__contenu{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;padding-top:clamp(56px,7vw,96px);padding-bottom:clamp(56px,7vw,96px)}
.akl-banniere h1{margin:16px 0 0;max-width:22ch;font:800 clamp(42px,4.6vw,70px)/1.05 var(--titres);color:#fff}
.akl-banniere__texte{margin:20px 0 0;max-width:62ch;font:400 20px/1.6 var(--corps);color:#E2E8F0}
.akl-banniere__texte strong{color:#fff}
.akl-ariane{font:500 15px/1.4 var(--corps);color:#CBD5E1}
.akl-ariane ol{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 8px;margin:0;padding:0;list-style:none}
.akl-ariane li+li::before{content:"›";margin-right:8px;color:#94A3B8}
.akl-ariane a{color:#fff;text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(255,255,255,.4)}
.akl-ariane--clair{color:var(--doux)}
.akl-ariane--clair ol{justify-content:flex-start}
.akl-ariane--clair a{color:var(--action);text-decoration-color:rgba(3,105,161,.35)}
.contenu a{color:var(--action)}

/* --- Deux colonnes côte à côte : même hauteur, photo comprise ------------ */
.akl-photo-col{position:relative;overflow:hidden;border-radius:24px;margin:0}
.akl-photo-col img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}
@media (min-width:1024px){
	.akl-deux{align-items:stretch!important}
	.akl-photo-col{position:relative!important;top:auto!important;align-self:stretch;min-height:420px}
	.akl-photo-col img{position:absolute;inset:0;height:100%;aspect-ratio:auto}
	.akl-faq-gauche{display:flex;flex-direction:column;position:static!important;align-self:stretch}
	.akl-faq-gauche figure{position:relative;flex:1 1 auto;min-height:300px;margin-top:0!important}
	.akl-faq-gauche figure img{position:absolute;inset:0;width:100%;height:100%!important;object-fit:cover}
	.akl-zone-gauche{position:static!important;display:flex;flex-direction:column}
	div:has(>.akl-zone-gauche){align-items:stretch!important}
	.akl-zone-gauche>figure{flex:1 1 auto;display:flex;flex-direction:column}
	.akl-zone-gauche #carte-leaflet{flex:1 1 auto;aspect-ratio:auto!important;min-height:420px}
}
@media (max-width:1023px){.akl-photo-col img{aspect-ratio:4/3;max-height:420px}}
/* Même règle pour toutes les sections à deux colonnes des pages intérieures */
@media (min-width:1024px){
	.max-w-\[1440px\].grid{align-items:stretch!important}
	.max-w-\[1440px\].grid>figure{align-self:stretch;display:flex!important;flex-direction:column;min-height:360px}
	.max-w-\[1440px\].grid>figure>img,.max-w-\[1440px\].grid>figure>picture>img{flex:1 1 0;min-height:0;height:auto!important;width:100%;object-fit:cover;aspect-ratio:auto!important}
	.max-w-\[1440px\].grid>figure>[data-comparateur]{flex:1 1 auto;aspect-ratio:auto!important;min-height:320px}
	.max-w-\[1440px\].grid>div:has(>figure.hidden){display:flex;flex-direction:column}
	.max-w-\[1440px\].grid>div>figure.hidden{position:relative;flex:1 1 auto;min-height:280px;margin-top:0!important}
	.max-w-\[1440px\].grid>div>figure.hidden img{position:absolute;inset:0;width:100%;height:100%!important;object-fit:cover}
	/* FAQ sans photo : le titre au-dessus des questions, pas de colonne vide à côté */
	.max-w-\[1440px\].grid:has(details):not(:has(figure)){grid-template-columns:minmax(0,1fr)!important}
	.max-w-\[1440px\].grid:has(details):not(:has(figure))>*{grid-column:1/-1!important;max-width:1040px}
	.max-w-\[1440px\].grid:has(details):not(:has(figure))>*:first-child .mb-12{margin-bottom:0}
}

/* --- Tarifs : un bloc simple, gammes séparées par un filet --------------- */
.akl-tarifs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:8px;border-top:1px solid rgba(255,255,255,.16);border-bottom:1px solid rgba(255,255,255,.16)}
.akl-tarif{padding:30px 32px 32px}
.akl-tarif+.akl-tarif{border-left:1px solid rgba(255,255,255,.16)}
.akl-tarif:first-child{padding-left:0}
.akl-tarif h3{margin:0;font:700 22px/1.25 var(--titres);color:#fff}
.akl-tarif__prix{margin:14px 0 0;display:flex;align-items:baseline;gap:8px;color:#CBD5E1;font-size:16px}
.akl-tarif__prix strong{font:800 40px/1 var(--titres);color:#fff}
.akl-tarif p:last-child{margin:14px 0 0;color:#CBD5E1}
.akl-tarifs__pied{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px 32px;margin-top:30px}
.akl-tarifs__pied p{margin:0;max-width:70ch;color:#CBD5E1;font-size:17.5px}
.akl-tarifs__pied strong{color:#fff}
@media (max-width:900px){
	.akl-tarifs{grid-template-columns:1fr}
	.akl-tarif{padding:24px 0}
	.akl-tarif+.akl-tarif{border-left:0;border-top:1px solid rgba(255,255,255,.16)}
}

/* Lignes d'information des pages intérieures (plus de cartes à gros chiffres) */
.akl-lignes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;border-top:1px solid rgba(255,255,255,.16);border-bottom:1px solid rgba(255,255,255,.16)}
.akl-ligne{padding:24px 26px 26px}
.akl-ligne+.akl-ligne{border-left:1px solid rgba(255,255,255,.16)}
.akl-ligne:first-child{padding-left:0}
.akl-ligne dt{font:600 13.5px/1.3 var(--corps)!important;letter-spacing:.06em!important;text-transform:uppercase;color:var(--vert-clair)!important}
.akl-ligne dd{margin:10px 0 0;color:#CBD5E1}
.akl-ligne dd>span:first-child{display:block;font:700 22px/1.25 var(--titres)!important;letter-spacing:0!important;color:#fff}
.akl-ligne dd>span+span{display:block;margin-top:4px;font-size:16px;color:#CBD5E1}
@media (max-width:1023px){
	.akl-lignes{grid-template-columns:repeat(2,minmax(0,1fr))}
	.akl-ligne:nth-child(3){border-left:0;padding-left:0}
	.akl-ligne:nth-child(n+3){border-top:1px solid rgba(255,255,255,.16)}
}
@media (max-width:560px){
	.akl-lignes{grid-template-columns:1fr}
	.akl-ligne,.akl-ligne:nth-child(3){padding:20px 0;border-left:0!important}
	.akl-ligne+.akl-ligne{border-top:1px solid rgba(255,255,255,.16)}
}

/* --- Formulaire de devis : cinq champs ----------------------------------- */
.akl-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 20px;margin-top:26px}
.akl-form label{display:block;font:500 15.5px/1.3 var(--corps);color:var(--encre)}
.akl-form .akl-form__plein{grid-column:1/-1}
.akl-form input,.akl-form textarea{display:block;width:100%;box-sizing:border-box;margin-top:7px;padding:0 15px;height:52px;border:1px solid #CFC7BB;border-radius:10px;background:#fff;font:400 16.5px/1.4 var(--corps);color:var(--encre)}
.akl-form textarea{height:140px;padding:13px 15px;resize:vertical}
.akl-form input:focus,.akl-form textarea:focus{outline:none;border-color:var(--action);box-shadow:0 0 0 3px rgba(3,105,161,.15)}
.akl-form .akl-btn{width:100%}
.akl-form__note{margin:12px 0 0;font-size:14.5px;line-height:1.5;color:var(--doux);text-align:center}
.akl-form__note a{color:var(--action)}
.akl-form__piege{position:absolute!important;left:-10000px!important;width:1px;height:1px;overflow:hidden}
.akl-form__message{margin:22px 0 0;padding:16px 18px;border-radius:12px;font-size:16.5px;line-height:1.5}
.akl-form__message--ok{background:#E7F6EC;color:#14532D;border:1px solid #BFE5CB}
.akl-form__message--erreur{background:#FDECEC;color:#7F1D1D;border:1px solid #F5C2C2}
@media (max-width:560px){.akl-form{grid-template-columns:1fr}}

/* --- Pied de page -------------------------------------------------------- */
.akl-pied{background:var(--nuit);color:#CBD5E1;font-size:16px}
.akl-pied__haut{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr) minmax(0,1fr);gap:40px;padding-top:64px;padding-bottom:40px}
.akl-pied__logo{display:inline-flex;padding:8px;border-radius:12px;background:#fff}
.akl-pied__logo img{height:64px;width:auto;display:block}
.akl-pied__texte{margin:16px 0 0;max-width:46ch;line-height:1.6}
.akl-pied__titre{margin:0 0 14px;font:600 13.5px/1 var(--corps);letter-spacing:.08em;text-transform:uppercase;color:var(--vert-clair)}
.akl-pied ul{margin:0;padding:0;list-style:none;display:grid;gap:9px}
.akl-pied a{color:#E2E8F0;text-decoration:none}
.akl-pied a:hover{color:#fff;text-decoration:underline;text-underline-offset:3px}
.akl-pied__tel{display:inline-flex;align-items:center;gap:8px;font:800 21px/1.2 var(--titres);color:#fff!important}
.akl-pied__tel .material-symbols-outlined{color:var(--vert-clair);font-size:20px}
.akl-pied__coord p{margin:0 0 10px;line-height:1.55}
.akl-pied__coord .akl-btn{margin-top:8px;min-height:56px;font-size:17px;color:#fff!important;text-decoration:none!important}
.akl-pied__carte{position:relative;height:300px;border-radius:16px;overflow:hidden;background:#13283F}
.akl-pied__carte iframe{position:absolute;inset:0;width:100%;height:100%;border:0;filter:saturate(.9)}
.akl-pied__bas{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 28px;margin-top:36px;padding-top:24px;padding-bottom:30px;border-top:1px solid rgba(255,255,255,.12);font-size:15px;color:#94A3B8}
.akl-pied__bas ul{display:flex;flex-wrap:wrap;gap:10px 22px}
.akl-pied__bas a{color:#CBD5E1}
@media (max-width:1023px){.akl-pied__haut{grid-template-columns:1fr 1fr}.akl-pied__marque{grid-column:1/-1}}
@media (max-width:600px){.akl-pied__haut{grid-template-columns:1fr;padding-top:48px}.akl-pied__carte{height:240px}.akl-pied__bas{flex-direction:column;align-items:flex-start}}

/* --- Carte de la zone (MapLibre + OpenFreeMap) ------------------------- */
#carte-leaflet{background:#F7F1E6!important}
.akl-carte__etiquette{display:inline-flex;align-items:center;gap:7px;text-decoration:none;cursor:default;white-space:nowrap}
a.akl-carte__etiquette{cursor:pointer}
.akl-carte__puce{width:12px;height:12px;border-radius:50%;background:var(--action);border:2.5px solid #fff;flex-shrink:0}
.akl-carte__nom{padding:3px 9px;border-radius:999px;background:rgba(255,255,255,.94);border:1px solid #D9CFC1;font:500 12.5px/1.3 var(--corps);color:var(--encre)}
a.akl-carte__etiquette .akl-carte__puce{background:var(--vert)}
a.akl-carte__etiquette .akl-carte__nom{border-color:var(--vert);color:var(--vert-fonce);font-weight:600}
a.akl-carte__etiquette:hover .akl-carte__nom{background:#fff;text-decoration:underline}
.akl-carte__etiquette--depart{flex-direction:column-reverse;gap:5px}
.akl-carte__etiquette--depart .akl-carte__puce{width:16px;height:16px;background:var(--encre);border-width:3px}
.akl-carte__etiquette--depart .akl-carte__nom{background:var(--encre);border-color:var(--encre);color:#fff;font-weight:600;font-size:13.5px}
.akl-carte__etiquette--gauche{flex-direction:row-reverse}
.akl-carte__etiquette--haut{flex-direction:column-reverse;gap:5px}
.akl-carte__etiquette--muette .akl-carte__nom{display:none}
.akl-carte__etiquette--muette .akl-carte__puce{width:9px;height:9px;border-width:2px}
#carte-leaflet .maplibregl-ctrl-group{border-radius:10px;box-shadow:none;border:1px solid #D9CFC1}
#carte-leaflet .maplibregl-ctrl-attrib{background:transparent!important;padding:0 6px!important;font-size:9px!important;line-height:1.4;color:#9A9087}
#carte-leaflet .maplibregl-ctrl-attrib a{color:inherit;text-decoration:none}
#carte-leaflet .maplibregl-ctrl-attrib-button{display:none!important}
#carte-leaflet .maplibregl-ctrl-attrib-inner a[href*="openfreemap"],#carte-leaflet .maplibregl-ctrl-attrib-inner a[href*="maplibre"]{display:none}
@media (max-width:600px){.akl-carte__nom{font-size:11px;padding:2px 7px}}

/* --- Accordéons : pas de trait de focus noir sous la question ------------ */
summary{outline:none!important;box-shadow:none!important}
summary:focus,summary:focus-visible{outline:none!important}
summary:focus-visible h3{text-decoration:underline;text-underline-offset:4px}

/* --- Page 404 ------------------------------------------------------------ */
.akl-404{padding-top:clamp(64px,8vw,112px);padding-bottom:clamp(64px,8vw,112px)}
.akl-404__code{margin:0;font:800 clamp(80px,12vw,150px)/1 var(--titres);color:var(--sable-2)}
.akl-404 h1{margin:6px 0 0;font:800 clamp(42px,4.4vw,64px)/1.06 var(--titres);color:var(--encre)}
.akl-404 p{max-width:60ch;margin:16px 0 0;font-size:18.5px;line-height:1.6}
.akl-404 .akl-boutons{margin-top:28px}
.akl-404__btn2{background:var(--sable);color:var(--encre);box-shadow:inset 0 0 0 1px var(--bord)}
.akl-404__liens{display:flex;flex-wrap:wrap;gap:10px 26px;margin:40px 0 0;padding:26px 0 0;border-top:1px solid var(--bord);list-style:none}
.akl-404__liens a{color:var(--action);font-weight:500}

/* --- Téléphone : rien ne colle au bord, photos en une colonne ----------- */
@media (max-width:600px){
	.px-gutter{padding-left:max(18px,var(--gutter))!important;padding-right:max(18px,var(--gutter))!important}
}

/* --- Mémo SEO des préprods (rond « SEO » en bas à droite, fermé par défaut) --- */
.akl-seo-memo{position:fixed;right:16px;bottom:calc(16px + var(--mpe-bas,0px));z-index:9995;font-family:var(--corps)}
.akl-seo-memo summary{list-style:none;cursor:pointer;display:grid;place-items:center;width:54px;height:54px;margin-left:auto;border-radius:50%;background:var(--nuit);border:2px solid var(--vert-clair);color:#fff;font:700 12.5px/1 var(--corps);letter-spacing:.1em}
.akl-seo-memo summary::-webkit-details-marker{display:none}
.akl-seo-memo__panneau{position:absolute;right:0;bottom:66px;width:min(480px,calc(100vw - 32px));max-height:calc(100vh - 130px);overflow:auto;display:grid;gap:10px;padding:16px 18px;border-radius:14px;background:var(--nuit);border:1px solid rgba(134,239,172,.55);color:#fff}
.akl-seo-memo__haut{margin:0;font-size:11px;letter-spacing:.2em;text-transform:uppercase;font-weight:700;color:var(--vert-clair)}
.akl-seo-memo__ligne{display:grid;gap:4px;padding-top:9px;border-top:1px solid rgba(255,255,255,.15)}
.akl-seo-memo__ligne>span{font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:#BBF7D0}
.akl-seo-memo__ligne em{font-style:normal;letter-spacing:0;text-transform:none;font-weight:500;color:#94A3B8}
.akl-seo-memo__ligne strong{color:#fff;font-size:15px;line-height:1.4}
.akl-seo-memo__ligne p{margin:0;font-size:13.5px;line-height:1.5;color:rgba(255,255,255,.9)}
.akl-seo-memo__ligne ul{margin:0;padding-left:16px;display:grid;gap:3px;font-size:13.5px;line-height:1.45;color:rgba(255,255,255,.9)}
@media (max-width:600px){.akl-seo-memo{right:10px;bottom:calc(10px + var(--mpe-bas,0px))}.akl-seo-memo summary{width:48px;height:48px}}

/* --- Avis Google : note + carrousel à flèches, cartes blanches entières ------- */
.akl-avis__tete{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:18px 40px;margin-bottom:36px}
.akl-avis__tete h2{margin:0}
.akl-avis__note{display:inline-flex;align-items:center;gap:12px;padding:12px 18px;border-radius:12px;background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.16);color:#E2E8F0;text-decoration:none;font-size:17px}
.akl-avis__note:hover{background:rgba(255,255,255,.1)}
.akl-avis__note strong{color:#fff}
.akl-avis__etoiles{color:#F5A524;letter-spacing:2px;font-size:19px;line-height:1}
.akl-avis__piste{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 2 * 22px) / 3);gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:auto;scroll-padding-inline:0;scrollbar-width:none;outline:none}
.akl-avis__piste::-webkit-scrollbar{display:none}
.akl-avis__carte{scroll-snap-align:start;margin:0;display:flex;flex-direction:column;gap:16px;padding:28px 28px 26px;border-radius:18px;background:#fff;color:var(--texte)}
.akl-avis__carte blockquote{margin:0;flex:1 1 auto;font-size:17px;line-height:1.6;color:var(--texte)}
.akl-avis__carte figcaption{display:flex;flex-direction:column;gap:2px;padding-top:14px;border-top:1px solid var(--bord)}
.akl-avis__carte figcaption strong{font:700 17px/1.3 var(--titres);color:var(--encre)}
.akl-avis__carte figcaption span{font-size:14.5px;color:var(--doux)}
.akl-avis__fleches{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}
.akl-avis__fleche{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border:0;border-radius:50%;background:#fff;color:var(--encre);cursor:pointer}
.akl-avis__fleche svg{width:22px;height:22px}
.akl-avis__fleche:disabled{opacity:.35;cursor:default}
@media (max-width:1023px){.akl-avis__piste{grid-auto-columns:calc((100% - 22px) / 2)}}
@media (max-width:640px){.akl-avis__piste{grid-auto-columns:100%}.akl-avis__carte{padding:24px 22px}}
.akl-avis__carte blockquote{flex:0 1 auto;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden}
.akl-avis__carte.est-ouvert blockquote{display:block;-webkit-line-clamp:unset;overflow:visible}
.akl-avis__suite{align-self:flex-start;margin-top:-6px;padding:0;border:0;background:none;font:600 15.5px/1.4 var(--corps);color:var(--action);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.akl-avis__carte figcaption{margin-top:auto}
