/* AEC — Carnet de voyage : gabarit article (artefact 061cfe74, charte v1.0). */

.cna{line-height:1.75;}

/* Barre de progression */
.cna-prog{position:fixed;top:0;left:0;right:0;height:3px;z-index:160;pointer-events:none;}
.cna-prog i{display:block;height:100%;width:0;background:var(--aec-cop);}

/* ── Hero plein écran ── */
.cna-h{position:relative;height:100vh;min-height:600px;overflow:hidden;background:#0e2f37;display:flex;align-items:flex-end;}
.cna-h__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.14);will-change:transform;}
.cna-h::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(8,28,33,.86),rgba(8,28,33,.15) 52%,rgba(8,28,33,.42));}
.cna-h__in{position:relative;z-index:3;max-width:1180px;margin:0 auto;padding:0 40px 12vh;width:100%;color:var(--aec-iv);}
.cna-h__eye{font-size:.72rem;font-weight:700;letter-spacing:3.5px;text-transform:uppercase;color:var(--aec-sable);}
.cna-h h1{font-family:var(--aec-disp);font-weight:400;font-size:clamp(2.4rem,6.4vw,5.2rem);line-height:1.04;letter-spacing:-1px;margin:18px 0 20px;max-width:20ch;text-shadow:0 2px 40px rgba(0,0,0,.4);}
.cna-h__meta{display:flex;gap:16px;flex-wrap:wrap;font-size:.86rem;opacity:.9;letter-spacing:.3px;}
.cna-h__meta span+span::before{content:"·";margin-right:16px;opacity:.6;}
.cna-h__scroll{position:absolute;left:50%;bottom:26px;z-index:3;transform:translateX(-50%);color:rgba(255,255,255,.7);font-size:.66rem;letter-spacing:2px;text-transform:uppercase;display:flex;flex-direction:column;align-items:center;gap:8px;animation:cnaBob 2.4s ease-in-out infinite;}
.cna-h__scroll i{width:1px;height:34px;background:linear-gradient(rgba(255,255,255,.7),transparent);}
@keyframes cnaBob{0%,100%{transform:translate(-50%,0)}50%{transform:translate(-50%,7px)}}
@media(max-width:640px){.cna-h{height:86vh;min-height:480px;}.cna-h__in{padding:0 24px 8vh;}.cna-h__scroll{display:none;}.cna-h__meta{flex-direction:column;gap:6px;}.cna-h__meta span+span::before{content:none;margin:0;}}
@media(prefers-reduced-motion:reduce){.cna-h__scroll{animation:none;}}

/* Fil d'Ariane */
.cna-bc{max-width:720px;margin:26px auto 0;padding:0 40px;font-size:.78rem;color:var(--aec-mut);display:flex;gap:8px;flex-wrap:wrap;align-items:center;}
.cna-bc a{color:var(--aec-mut);text-decoration:none;}
.cna-bc a:hover{color:var(--aec-t);}
.cna-bc span[aria-current]{color:var(--aec-ch);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:34ch;}

/* ── Layout colonne latérale + corps ── */
.cna-lay{max-width:1280px;margin:0 auto;padding:0 30px;display:grid;grid-template-columns:280px minmax(0,1fr);gap:44px;align-items:start;}
.cna-side{min-width:0;}
.cna-side__in{position:sticky;top:95px;display:flex;flex-direction:column;gap:16px;margin-top:44px;}
.cna-body{min-width:0;}
.cna-side__blk{background:#fff;border:1px solid var(--aec-st);border-radius:12px;padding:20px 22px;}
.cna-side__t{display:block;font-size:.68rem;font-weight:700;letter-spacing:2.2px;text-transform:uppercase;color:var(--aec-cop);margin-bottom:12px;cursor:default;}
details.cna-side__blk summary{list-style:none;}
details.cna-side__blk summary::-webkit-details-marker{display:none;}

/* Sommaire */
.cna-toc{border-left:3px solid var(--aec-cop);}
.cna-toc ol{margin:0;padding:0;list-style:none;counter-reset:cnatoc;}
.cna-toc li{counter-increment:cnatoc;margin:0 0 9px;}
.cna-toc li:last-child{margin-bottom:0;}
.cna-toc a{display:inline-flex;gap:9px;align-items:baseline;font-size:.88rem;color:var(--aec-ch);text-decoration:none;line-height:1.35;}
.cna-toc a::before{content:counter(cnatoc,decimal-leading-zero);font-family:var(--aec-disp);font-size:.76rem;color:var(--aec-cop);letter-spacing:1px;}
.cna-toc a:hover{color:var(--aec-t);text-decoration:underline;text-decoration-color:var(--aec-cop);text-underline-offset:3px;}
.cna-toc a.is-on{color:var(--aec-t);font-weight:600;}
.cna-toc a.is-on::before{color:var(--aec-t);}

/* Météo du jour (colonne, articles riches) */
.cna-smeteo{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.cna-smeteo .cna-side__t{flex-basis:100%;margin-bottom:2px;}
.cna-smeteo__i{width:34px;height:34px;fill:none;stroke:var(--aec-cop);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto;}
.cna-smeteo__v{font-family:var(--aec-disp);font-weight:500;font-size:1.6rem;color:var(--aec-t);}
.cna-smeteo__l{font-size:.85rem;color:var(--aec-mut);flex-basis:100%;margin-top:-4px;}
.cna-smeteo__x{flex-basis:100%;display:flex;align-items:center;gap:8px;margin-top:6px;padding-top:10px;border-top:1px solid var(--aec-st);font-size:.85rem;color:var(--aec-ch);}
.cna-smeteo__x .cna-smeteo__i{width:22px;height:22px;}
@media(max-width:1020px){.cna-smeteo{display:none;}}

/* Biens (cross-selling) */
.cna-sbien{display:flex;align-items:center;gap:12px;padding:7px 0;text-decoration:none;}
.cna-sbien__im{flex:0 0 56px;width:56px;height:56px;border-radius:8px;overflow:hidden;background:#e8e4dc;}
.cna-sbien__im img{width:100%;height:100%;object-fit:cover;}
.cna-sbien__n{font-family:var(--aec-disp);font-weight:500;font-size:.98rem;color:var(--aec-t);line-height:1.25;}
.cna-sbien:hover .cna-sbien__n{color:var(--aec-td);}
.cna-side__more{display:inline-block;margin-top:8px;font-size:.78rem;font-weight:600;color:var(--aec-cop);text-decoration:none;}
.cna-side__more:hover{text-decoration:underline;}

/* Itinéraire (Y aller) */
.cna-sgo__btns{display:flex;gap:8px;}
.cna-sgo__btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1.5px solid var(--aec-st);border-radius:10px;padding:10px 8px;font-size:.8rem;font-weight:600;color:var(--aec-t);text-decoration:none;transition:.2s;white-space:nowrap;}
.cna-sgo__btn:hover{border-color:var(--aec-t);background:#fff;}
.cna-sgo__btn svg{width:16px;height:16px;fill:none;stroke:var(--aec-cop);stroke-width:1.7;flex:0 0 auto;}
.cna-sgo__d{display:block;margin-top:9px;font-size:.72rem;color:var(--aec-mut);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

/* Partage (colonne) : compact et centré */
.cna-sshare{padding:14px 16px;position:relative;text-align:center;}
.cna-sshare .cna-side__t{margin-bottom:10px;}
.cna-share--side{margin:0;padding:0;border:0;max-width:none;display:flex;justify-content:center;align-items:center;gap:8px;}
.cna-share--side button{width:32px;height:32px;}
.cna-share--side svg{width:13px;height:13px;}
.cna-share--side .cna-share__ok{position:absolute;left:50%;transform:translateX(-50%);top:-22px;background:var(--aec-t);color:var(--aec-iv);font-size:.68rem;padding:3px 9px;border-radius:6px;white-space:nowrap;}

/* Bandeau mobile fixe : itinéraire + partage */
.cna-mbar{display:none;}
@media(max-width:1020px){
	/* Guide et lieu : cartes remplacées par le bandeau fixe. Récit : partage compact conservé. */
	.cna--guide .cna-sgo,.cna--guide .cna-sshare,
	.cna--lieu .cna-sgo,.cna--lieu .cna-sshare{display:none;}
	.cna-mbar{position:fixed;left:0;right:0;bottom:0;z-index:120;display:flex;align-items:center;gap:8px;background:var(--aec-iv);border-top:1px solid var(--aec-st);padding:8px 12px calc(8px + env(safe-area-inset-bottom));box-shadow:0 -6px 18px rgba(20,14,8,.07);transition:transform .3s ease;}
	.cna-mbar__t{position:absolute;right:12px;top:-27px;width:46px;height:28px;border:1px solid var(--aec-st);border-bottom:0;border-radius:10px 10px 0 0;background:var(--aec-iv);display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer;}
	.cna-mbar__t svg{width:16px;height:16px;fill:none;stroke:var(--aec-t);stroke-width:1.7;transition:transform .3s ease;}
	.cna-mbar.is-min{transform:translateY(100%);box-shadow:none;}
	.cna-mbar.is-min .cna-mbar__t svg{transform:rotate(180deg);}
	@media (prefers-reduced-motion: reduce){.cna-mbar,.cna-mbar__t svg{transition:none;}}
	.cna-mbar__b{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;background:var(--aec-t);color:var(--aec-iv);border-radius:10px;padding:11px 8px;font-size:.82rem;font-weight:600;text-decoration:none;white-space:nowrap;}
	.cna-mbar__b+.cna-mbar__b{background:transparent;color:var(--aec-t);border:1.5px solid var(--aec-st);}
	.cna-mbar__b svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7;}
	.cna-mbar__i{width:40px;height:40px;flex:0 0 auto;border-radius:50%;border:1px solid var(--aec-st);background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;}
	.cna-mbar__i svg{width:15px;height:15px;fill:none;stroke:var(--aec-t);stroke-width:1.7;}
	.cna-mbar .cna-share__ok{position:absolute;right:70px;top:-30px;background:var(--aec-t);color:var(--aec-iv);font-size:.7rem;padding:4px 10px;border-radius:6px;}
	.cna{padding-bottom:70px;}                        /* le contenu ne passe pas sous le bandeau */
}

@media(max-width:1020px){
	.cna-lay{display:block;padding:0 24px;}
	.cna-side__in{position:static;margin-top:36px;gap:12px;}
	.cna-sbiens{display:none;}                       /* mobile : le widget teal en fin d'article assure le cross-sell */
	details.cna-toc summary{cursor:pointer;margin-bottom:0;}
	details.cna-toc[open] summary{margin-bottom:12px;}
	details.cna-toc summary::after{content:"›";float:right;font-size:1rem;color:var(--aec-cop);transform:rotate(90deg);transition:transform .25s;}
	details.cna-toc[open] summary::after{transform:rotate(-90deg);}
}
h2[id^="cna-s"]{scroll-margin-top:95px;}
html{scroll-behavior:smooth;}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto;}}

/* ── Intro lettrine ── */
.cna-intro{max-width:720px;margin:56px auto 0;padding:0 40px;}
.cna-intro p{font-family:var(--aec-disp);font-size:1.42rem;line-height:1.65;color:#33302b;font-weight:400;margin:0;}
.cna-intro p::first-letter{font-family:var(--aec-disp);font-weight:500;font-size:4.6rem;float:left;line-height:.72;padding:8px 14px 0 0;color:var(--aec-t);}
@media(max-width:640px){.cna-intro{margin-top:40px;padding:0 24px;}.cna-intro p{font-size:1.2rem;}}

/* ── Mode libre (articles riches : galerie, FAQ, tableaux…) ── */
.cna-free{max-width:860px;margin:56px auto 0;padding:0 40px;}
.cna-free p{font-size:1.06rem;color:#33302b;}
.cna-free h2{font-family:var(--aec-disp);font-weight:500;font-size:clamp(1.6rem,2.8vw,2.2rem);color:var(--aec-t);margin:52px 0 18px;letter-spacing:-.3px;line-height:1.15;}
.cna-free h3{font-family:var(--aec-disp);font-weight:500;font-size:1.35rem;color:var(--aec-t);margin:34px 0 12px;}
.cna-free a{color:var(--aec-t);text-decoration:underline;text-decoration-color:var(--aec-cop);text-underline-offset:3px;}
.cna-free img{border-radius:6px;}
@media(max-width:640px){.cna-free{padding:0 24px;}}

/* ── Texte courant + sections ── */
.cna-tx,.cna-sec{max-width:720px;margin:clamp(40px,6vw,72px) auto 0;padding:0 40px;}
.cna-tx p,.cna-sec p{font-size:1.06rem;color:#33302b;margin:0 0 16px;}
.cna-sec h2{font-family:var(--aec-disp);font-weight:500;font-size:clamp(1.6rem,2.8vw,2.2rem);color:var(--aec-t);margin:0 0 18px;letter-spacing:-.3px;line-height:1.15;}
.cna-no{display:block;font-family:var(--aec-disp);font-size:.95rem;letter-spacing:4px;color:var(--aec-cop);margin-bottom:10px;}
.cna-tx a,.cna-sec p a{color:var(--aec-t);text-decoration:underline;text-decoration-color:var(--aec-cop);text-underline-offset:3px;transition:color .2s;}
.cna-tx a:hover,.cna-sec p a:hover{color:var(--aec-td);}
.cna-sec ul,.cna-sec ol,.cna-tx ul,.cna-tx ol{padding-left:22px;color:#33302b;font-size:1.06rem;}
@media(max-width:640px){.cna-tx,.cna-sec{padding:0 24px;}}

/* ── Bloc image/texte (articles avec images dans le corps) ── */
.cna-ed{max-width:1220px;margin:clamp(60px,9vw,120px) auto;padding:0 40px;}
.cna-ed__g{display:grid;grid-template-columns:1.12fr .88fr;align-items:center;}
.cna-ed__im img{width:100%;display:block;border-radius:3px;height:auto;}
.cna-ed__im figure{margin:0;}
.cna-ed__tx{position:relative;z-index:3;background:var(--aec-iv);padding:clamp(28px,3.4vw,52px);margin-left:-90px;box-shadow:0 40px 90px rgba(15,52,60,.13);}
.cna-ed--r .cna-ed__im{order:2;}
.cna-ed--r .cna-ed__tx{margin-left:0;margin-right:-90px;}
.cna-ed__tx h2{font-family:var(--aec-disp);font-weight:500;font-size:clamp(1.7rem,3vw,2.4rem);color:var(--aec-t);margin:0 0 16px;line-height:1.12;letter-spacing:-.4px;}
.cna-ed__tx p{font-size:1.02rem;color:#3a352e;margin:0 0 14px;}
@media(max-width:860px){.cna-ed__g{grid-template-columns:1fr;}.cna-ed__tx,.cna-ed--r .cna-ed__tx{margin:-40px 16px 0;}.cna-ed--r .cna-ed__im{order:0;}}

/* ── Bande immersive ── */
.cna-band{position:relative;height:72vh;min-height:420px;overflow:hidden;margin:clamp(70px,10vw,130px) 0;display:flex;align-items:center;justify-content:center;}
.cna-band__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.cna-band::after{content:"";position:absolute;inset:0;background:rgba(8,28,33,.44);}
.cna-band__q{position:relative;z-index:3;max-width:900px;padding:0 40px;text-align:center;color:var(--aec-iv);}
.cna-band__q p{font-family:var(--aec-disp);font-style:italic;font-weight:400;font-size:clamp(1.8rem,3.6vw,3rem);line-height:1.3;margin:0;text-shadow:0 2px 30px rgba(0,0,0,.4);}
.cna-band__q cite{display:block;margin-top:18px;font-family:var(--aec-sans);font-style:normal;font-size:.72rem;letter-spacing:3px;text-transform:uppercase;color:var(--aec-sable);}

/* ── Widget biens ── */
.cna-wbien{max-width:1120px;margin:clamp(56px,8vw,90px) auto 0;padding:0 40px;}
.cna-wbien__c{position:relative;border-radius:6px;overflow:hidden;display:grid;grid-template-columns:.9fr 1.1fr;background:var(--aec-t);color:var(--aec-iv);}
.cna-wbien__im{position:relative;min-height:210px;}
.cna-wbien__im img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.cna-wbien__b{padding:clamp(22px,3vw,34px);display:flex;flex-direction:column;justify-content:center;}
.cna-wbien__b .eye{color:var(--aec-sable);}
.cna-wbien__b h2{font-family:var(--aec-disp);font-weight:500;font-size:1.5rem;color:var(--aec-iv);margin:8px 0;}
.cna-wbien__b p{opacity:.85;margin:0 0 16px;font-size:.94rem;}
.cna-wbtn{align-self:flex-start;background:var(--aec-iv);color:var(--aec-t);padding:11px 20px;border-radius:10px;text-decoration:none;font-weight:500;font-size:.86rem;transition:transform .2s;}
.cna-wbtn:hover{transform:translateY(-2px);}
@media(max-width:760px){.cna-wbien__c{grid-template-columns:1fr;}.cna-wbien__im{min-height:160px;}}

/* ── Partage ── */
/* Boutons de partage (base commune colonne + bandeau mobile). */
.cna-share button{width:32px;height:32px;border-radius:50%;border:1px solid var(--aec-st);background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.2s;padding:0;}
.cna-share button:hover{border-color:var(--aec-t);}
.cna-share svg{width:13px;height:13px;stroke:var(--aec-t);fill:none;stroke-width:1.7;}
.cna-share__ok{opacity:0;transition:.2s;}
.cna-share__ok.on{opacity:1;}

/* ── À lire aussi ── */
.cna-rels{max-width:1180px;margin:80px auto 90px;padding:0 40px;}
.cna-rels__h{font-family:var(--aec-disp);font-weight:500;font-size:1.6rem;color:var(--aec-t);margin:0 0 26px;}
.cna-rels__g{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;}
.cna-rl{text-decoration:none;}
.cna-rl__im{aspect-ratio:4/3;border-radius:3px;margin-bottom:14px;overflow:hidden;background:#e8e4dc;}
.cna-rl__im img{width:100%;height:100%;object-fit:cover;display:block;}
.cna-rl__k{font-size:.66rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--aec-cop);}
.cna-rl__t{display:block;font-family:var(--aec-disp);font-weight:500;font-size:1.2rem;color:var(--aec-t);margin-top:6px;line-height:1.2;}
.cna-rl:hover .cna-rl__t{color:var(--aec-td);}
@media(max-width:820px){.cna-rels__g{grid-template-columns:1fr;}.cna-rels{margin:60px auto 70px;padding:0 24px;}}