/*
  MA'TOUR GUIDE MADAGASCAR — "ATLAS" DESIGN SYSTEM  (v2, chargé en dernier)
  Couche visuelle uniquement : aucun texte, tarif, formulaire, script ou lien modifié.
  Principes : jetons de design, échelle typographique fluide, rythme vertical constant,
  une seule famille de boutons, une seule famille de cartes, accessibilité, performance.
*/

/* ---------- 1. Jetons ---------- */
:root{
  --a-ink:#0c1d22;
  --a-ink-2:#34494f;
  --a-ink-3:#5d7076;
  --a-sea:#12363d;
  --a-sea-2:#0a2227;
  --a-copper:#c0643a;
  --a-copper-2:#a4502c;
  --a-gold:#e3bd8a;
  --a-sand:#efe6d6;
  --a-cream:#f8f5ef;
  --a-paper:#ffffff;
  --a-line:rgba(12,29,34,.11);
  --a-line-strong:rgba(12,29,34,.2);
  --a-r-s:10px; --a-r-m:16px; --a-r-l:24px; --a-r-pill:999px;
  --a-sh-1:0 1px 2px rgba(12,29,34,.05),0 4px 12px rgba(12,29,34,.05);
  --a-sh-2:0 2px 4px rgba(12,29,34,.05),0 14px 34px rgba(12,29,34,.09);
  --a-sh-3:0 4px 8px rgba(12,29,34,.06),0 30px 70px rgba(12,29,34,.16);
  --a-ease:cubic-bezier(.2,.8,.2,1);
  --a-wrap:1200px;
  --a-gap:clamp(64px,9vw,128px);
  --a-fs-h1:clamp(2.6rem,6.2vw,5.6rem);
  --a-fs-h2:clamp(2rem,4vw,3.4rem);
  --a-fs-h3:clamp(1.15rem,1.6vw,1.4rem);
  --a-fs-lead:clamp(1.02rem,1.3vw,1.2rem);
}

html{scroll-padding-top:88px;-webkit-text-size-adjust:100%}
body{background:var(--a-cream);color:var(--a-ink-2);line-height:1.65;font-feature-settings:"kern","liga";overflow-x:hidden}
:focus-visible{outline:3px solid var(--a-copper);outline-offset:3px;border-radius:6px}
::selection{background:var(--a-copper);color:#fff}
img{background:linear-gradient(135deg,#d9cfbd,#efe6d6)}
img[src$=".svg"]{background:none}

h1,h2,h3,.section-heading h2{font-family:var(--display,'Fraunces',Georgia,serif);color:var(--a-ink);letter-spacing:-.035em;line-height:1.06;text-wrap:balance}
h2{font-size:var(--a-fs-h2);font-weight:500}
h3{font-size:var(--a-fs-h3);line-height:1.2;letter-spacing:-.02em}
p{text-wrap:pretty}
.eyebrow,.hero-eyebrow{display:inline-block;font:600 .72rem/1 var(--body,'Work Sans',sans-serif);letter-spacing:.24em;text-transform:uppercase;color:var(--a-copper-2)}

/* ---------- 2. Navigation (correction des mots coupés) ---------- */
header#navbar{display:flex;align-items:center;justify-content:space-between;gap:clamp(12px,2vw,32px);padding:18px clamp(18px,4vw,56px);background:linear-gradient(180deg,rgba(8,22,25,.55),transparent);transition:background .3s var(--a-ease),padding .3s var(--a-ease),box-shadow .3s var(--a-ease)}
header#navbar.scrolled{background:rgba(248,245,239,.9);-webkit-backdrop-filter:saturate(1.4) blur(16px);backdrop-filter:saturate(1.4) blur(16px);box-shadow:0 1px 0 var(--a-line);padding-block:12px}
#navbar .logo{flex:0 0 auto;white-space:nowrap;font-size:clamp(1.15rem,1.7vw,1.55rem);color:#fff}
#navbar .logo span{color:var(--a-gold);font-weight:400}
#navbar.scrolled .logo{color:var(--a-ink)}
#navbar.scrolled .logo span{color:var(--a-copper-2)}
#navbar nav{display:flex;align-items:center;justify-content:flex-end;flex-wrap:nowrap;gap:clamp(10px,1.25vw,22px);min-width:0}
#navbar nav a{white-space:nowrap;word-break:keep-all;overflow-wrap:normal;hyphens:none;margin:0;font:500 .74rem/1 var(--body,'Work Sans',sans-serif);letter-spacing:.07em;text-transform:uppercase;color:rgba(255,255,255,.92);padding:10px 0;position:relative}
#navbar.scrolled nav a{color:var(--a-ink)}
#navbar nav a:not(.language-icon)::after{content:"";position:absolute;left:0;right:0;bottom:4px;height:2px;background:var(--a-copper);transform:scaleX(0);transform-origin:left;transition:transform .3s var(--a-ease)}
#navbar nav a:not(.language-icon):hover::after{transform:scaleX(1)}
#navbar .language-label{display:none}
#navbar .language-icon{width:28px;height:28px;margin:0 0 0 2px!important;padding:0;border:1px solid rgba(255,255,255,.35);border-radius:50%;flex:0 0 auto}
#navbar.scrolled .language-icon{border-color:var(--a-line-strong)}
#navbar .language-icon img{width:100%!important;height:100%!important;object-fit:cover;border-radius:50%}
@media (min-width:901px) and (max-width:1180px){
  #navbar nav a{font-size:.68rem;letter-spacing:.04em}
  #navbar nav{gap:10px}
}
@media (max-width:900px){
  #navbar nav a{white-space:normal;font-size:1rem;letter-spacing:.04em;color:var(--a-ink)!important;padding:14px 0;border-bottom:1px solid var(--a-line)}
  #navbar .language-icon{border-color:var(--a-line-strong)}
}

/* ---------- 3. Boutons : une seule famille ---------- */
.btn,.card-cta,.lead-submit-btn,.nav-quote-btn,.form-whatsapp-alt,.circuit-whatsapp-cta{display:inline-flex;align-items:center;justify-content:center;gap:.5em;min-height:50px;padding:0 1.6rem;border-radius:var(--a-r-pill);font:600 .95rem/1 var(--body,'Work Sans',sans-serif);letter-spacing:.01em;text-decoration:none;cursor:pointer;transition:transform .25s var(--a-ease),box-shadow .25s var(--a-ease),background .2s,color .2s,border-color .2s}
.btn:not(.btn-outline),.card-cta,.lead-submit-btn{background:var(--a-copper);color:#fff;border:1px solid var(--a-copper);box-shadow:0 8px 22px rgba(192,100,58,.28)}
.btn:not(.btn-outline):hover,.card-cta:hover,.lead-submit-btn:hover{background:var(--a-copper-2);border-color:var(--a-copper-2);transform:translateY(-2px);box-shadow:0 14px 30px rgba(192,100,58,.34)}
.btn-outline{background:transparent;color:var(--a-ink);border:1.5px solid var(--a-line-strong)}
.btn-outline:hover{background:var(--a-ink);color:#fff;border-color:var(--a-ink);transform:translateY(-2px)}
.btn:active,.card-cta:active,.lead-submit-btn:active{transform:translateY(0) scale(.98)}

/* ---------- 4. Hero ---------- */
.hero{background:radial-gradient(120% 90% at 20% 10%,#1d5560 0%,var(--a-sea) 45%,var(--a-sea-2) 100%);min-height:max(100svh,640px)}
.hero .overlay{background:linear-gradient(180deg,rgba(6,18,21,.62) 0%,rgba(6,18,21,.12) 38%,rgba(6,18,21,.82) 100%),linear-gradient(90deg,rgba(6,18,21,.5),transparent 60%)}
.hero-content{max-width:min(var(--a-wrap),92vw);text-align:left;padding:0 clamp(18px,4vw,56px) clamp(96px,14vh,140px);align-self:flex-end}
.hero-eyebrow{color:var(--a-gold);margin-bottom:18px}
.hero h1{font-size:var(--a-fs-h1);font-weight:500;line-height:.98;letter-spacing:-.05em;color:#fff;max-width:19ch;margin:0 0 22px;text-shadow:0 2px 40px rgba(0,0,0,.35)}
.hero p{font-size:var(--a-fs-lead);color:rgba(255,255,255,.88);max-width:46ch;margin:0 0 30px}
.hero-actions{display:flex;flex-wrap:wrap;gap:14px;justify-content:flex-start}
.hero-actions .btn,.hero-actions .btn-outline{background:var(--a-copper);border:1px solid var(--a-copper);color:#fff;min-height:56px;padding:0 2rem;box-shadow:0 14px 34px rgba(192,100,58,.4);-webkit-backdrop-filter:none;backdrop-filter:none}
.hero-actions .btn:hover{background:#fff;border-color:#fff;color:var(--a-ink)}
.hero-reassure{margin-top:16px!important;font:500 .72rem/1.4 var(--body,'Work Sans',sans-serif)!important;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.7)!important}
.hero-reassure::before{content:"✓";margin-right:.6em;color:var(--a-gold)}
@media (max-width:700px){
  .hero-content{padding-bottom:110px}
  .hero-actions .btn{width:100%}
}

/* ---------- 5. Rythme et conteneurs ---------- */
main>section:not(.hero){padding-block:var(--a-gap);padding-inline:clamp(18px,4vw,56px);border:0}
main>section:not(.hero)>*{max-width:var(--a-wrap);margin-inline:auto}
main>section:nth-of-type(even):not(.hero){background:var(--a-paper)}
.section-heading{text-align:center;max-width:720px!important;margin:0 auto clamp(32px,5vw,64px)!important}
.section-heading h2{margin:14px 0 14px}
.section-heading p,.subtitle{font-size:var(--a-fs-lead);color:var(--a-ink-3);margin-inline:auto;max-width:60ch}

/* ---------- 6. Cartes : une seule famille ---------- */
.signature-card,.planner-box,.testimonial-card,.location-card,.team-card,.trust-card,.service-card,.day-card,.mt-rev,.mt-exp-card,.destination-card,.card{background:var(--a-paper);border:1px solid var(--a-line);border-radius:var(--a-r-l);box-shadow:var(--a-sh-1);transition:transform .35s var(--a-ease),box-shadow .35s var(--a-ease),border-color .3s}
.signature-card:hover,.team-card:hover,.destination-card:hover,.card:hover,.service-card:hover,.trust-card:hover{transform:translateY(-6px);box-shadow:var(--a-sh-3);border-color:transparent}
.signature-card,.destination-card,.card{overflow:hidden}
.signature-card img,.destination-card img,.card img{transition:transform .7s var(--a-ease)}
.signature-card:hover img,.destination-card:hover img,.card:hover img{transform:scale(1.05)}
.faq-section details{background:var(--a-paper);border:1px solid var(--a-line);border-radius:var(--a-r-m);box-shadow:none}
.faq-section details[open]{border-color:var(--a-line-strong);box-shadow:var(--a-sh-1)}

/* Sections sombres : texte clair garanti */
main>section:not(.hero){max-width:none!important;margin-inline:0!important}
.editorial-accordions{background:var(--a-sea-2)!important}
.editorial-accordions h2,.editorial-accordions .section-heading h2{color:#fff}
.editorial-accordions .eyebrow{color:var(--a-gold)}
.location-section{background:var(--a-cream)!important}
.location-card{background:var(--a-sea)!important;color:#fff;border:0;box-shadow:var(--a-sh-3)}
.location-card h2,.location-card h3{color:#fff}
.location-card:hover{transform:none}
.location-actions .btn-outline{color:#fff;border-color:rgba(255,255,255,.5)}
.location-actions .btn-outline:hover{background:#fff;color:var(--a-ink)}
.stats{background:var(--a-sea-2)!important}
.stats .stat-box strong,.stats .stat-box .stat-number{color:var(--a-gold)}

/* ---------- 7. Bandeau de confiance et avis ---------- */
.mt-proof{background:var(--a-sea)!important;color:#fff;padding-block:clamp(28px,4vw,48px)!important}
.mt-proof-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:clamp(18px,3vw,40px)}
.mt-proof-item{border-left:2px solid var(--a-copper);padding-left:18px}
.mt-proof-item strong{display:block;color:#fff;font:600 1rem/1.3 var(--body,'Work Sans',sans-serif);margin-bottom:4px}
.mt-proof-item span{color:rgba(255,255,255,.72);font-size:.9rem}
.mt-stars{color:var(--a-gold);letter-spacing:.2em;font-weight:600}
.mt-rev{padding:28px;font-size:1rem;color:var(--a-ink-2)}
.mt-rev p{font-family:var(--display,'Fraunces',serif);font-size:1.12rem;line-height:1.55;color:var(--a-ink)}

/* ---------- 8. Formulaires ---------- */
input,select,textarea{width:100%;min-height:50px;padding:12px 16px;border:1.5px solid var(--a-line-strong);border-radius:var(--a-r-m);background:#fff;color:var(--a-ink);font:inherit;transition:border-color .2s,box-shadow .2s}
input[type=checkbox],input[type=radio]{width:auto;min-height:0}
textarea{min-height:120px}
input:focus,select:focus,textarea:focus{border-color:var(--a-copper)!important;box-shadow:0 0 0 4px rgba(192,100,58,.16)!important;outline:none}
label{font-weight:600;color:var(--a-ink);font-size:.9rem}

/* ---------- 9. Pages internes : en-têtes de circuits, articles ---------- */
.circuit-hero{background:linear-gradient(135deg,var(--a-sea-2),var(--a-sea));border-radius:0 0 var(--a-r-l) var(--a-r-l)}
.circuit-price{color:var(--a-gold)}
.article-page p,.seo-page p{max-width:70ch}
table.mt-table{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border:1px solid var(--a-line);border-radius:var(--a-r-m);overflow:hidden;color:var(--a-ink-2)}
table.mt-table th{background:var(--a-sea-2);color:#fff;text-align:left;font-weight:600;letter-spacing:.04em;padding:14px 18px}
table.mt-table td{padding:14px 18px;background:#fff;color:var(--a-ink-2);border-top:1px solid var(--a-line)}
table.mt-table td:first-child{color:var(--a-ink);font-weight:600}
table.mt-table tr:nth-child(even) td{background:var(--a-cream)}
table.mt-table td a{color:var(--a-copper-2);font-weight:600}

/* ---------- 10. Pied de page et WhatsApp flottant ---------- */
footer,.footer{background:var(--a-sea-2);color:rgba(255,255,255,.72)}
footer h3,footer h4,.footer h3,.footer h4{color:#fff}
footer a:hover,.footer a:hover{color:var(--a-gold)}
.floating-whatsapp{left:18px!important;bottom:18px!important;padding:0 20px;min-height:52px;border-radius:var(--a-r-pill);background:#1ea05a;box-shadow:0 12px 30px rgba(10,34,39,.35);border:0!important}
.floating-whatsapp:hover{background:#178a4b;transform:translateY(-3px)}

/* ---------- 11. Animations d'apparition (sans JavaScript) ---------- */
@supports (animation-timeline:view()){
  main>section:not(.hero)>*{animation:a-rise both var(--a-ease);animation-timeline:view();animation-range:entry 0% entry 35%}
  @keyframes a-rise{from{opacity:0;translate:0 28px}to{opacity:1;translate:0 0}}
}

/* ---------- 12. Accessibilité et performance ---------- */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}
@media (prefers-contrast:more){
  :root{--a-line:rgba(12,29,34,.35)}
}
@media print{
  header#navbar,.floating-whatsapp,.hero-scroll-cue{display:none!important}
}

/* FAQ : indicateur + / × */
.faq-section summary,.seo-faq summary{list-style:none;cursor:pointer;position:relative;padding-right:56px}
.faq-section summary::-webkit-details-marker,.seo-faq summary::-webkit-details-marker{display:none}
.location-card .eyebrow{color:var(--a-gold)}

/* =====================================================================
   ATLAS — REFONTE DE LA PAGE D'ACCUEIL (mise en page, pas seulement le style)
   ===================================================================== */

/* Hero plein écran + bandeau de confiance flottant qui chevauche la photo */
.hero{min-height:max(100svh,680px)}
main>section.mt-proof{position:relative;z-index:5;margin:-72px auto 0!important;max-width:min(1200px,calc(100% - 36px))!important;width:100%;background:var(--a-paper)!important;color:var(--a-ink);border-radius:var(--a-r-l);box-shadow:var(--a-sh-3);padding:clamp(22px,3vw,34px) clamp(20px,3vw,40px)!important}
main>.mt-proof .mt-proof-grid{max-width:none}
main>.mt-proof .mt-proof-item{border-left:0;padding-left:0;position:relative;padding:0 0 0 52px}
main>.mt-proof .mt-proof-item::before{content:"";position:absolute;left:0;top:2px;width:36px;height:36px;border-radius:12px;background:var(--a-sand) radial-gradient(circle at 50% 50%,var(--a-copper) 0 5px,transparent 6px)}
main>.mt-proof .mt-proof-item strong{color:var(--a-ink)}
main>.mt-proof .mt-proof-item span{color:var(--a-ink-3)}
main>.mt-proof+section{padding-top:calc(var(--a-gap) * .85)}

/* Expériences : grille « bento » avec texte sur l'image */
.mt-exp-grid{display:grid!important;grid-template-columns:repeat(12,1fr);grid-auto-rows:minmax(250px,auto);gap:clamp(12px,1.6vw,20px)}
.mt-exp-card{position:relative;overflow:hidden;border:0;border-radius:var(--a-r-l);min-height:300px;background:var(--a-sea-2);grid-column:span 4;display:flex;align-items:flex-end;box-shadow:var(--a-sh-2)}
.mt-exp-card:first-child{grid-column:span 7;grid-row:span 2;min-height:520px}
.mt-exp-card:nth-child(2){grid-column:span 5}
.mt-exp-card:nth-child(3){grid-column:span 5}
.mt-exp-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1s var(--a-ease)}
.mt-exp-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 25%,rgba(6,18,21,.88) 100%)}
.mt-exp-card:hover>img{transform:scale(1.06)}
.mt-exp-body{position:relative;z-index:2;padding:clamp(20px,2.4vw,32px);background:transparent!important;color:#fff;width:100%}
.mt-exp-body h3{color:#fff;font-size:clamp(1.3rem,2vw,1.9rem);margin:0 0 8px}
.mt-exp-body p{color:rgba(255,255,255,.85);margin:0 0 12px;font-size:.95rem}
.mt-exp-link{color:var(--a-gold)!important;font-weight:600}
@media(max-width:900px){.mt-exp-card,.mt-exp-card:first-child,.mt-exp-card:nth-child(n){grid-column:span 12;grid-row:auto;min-height:320px}}

/* Destinations : cartes photo plein cadre, la première en grand */
.destination-grid{display:grid!important;grid-template-columns:repeat(4,1fr);grid-auto-rows:300px;gap:clamp(12px,1.6vw,20px);max-width:var(--a-wrap);margin-inline:auto}
.destination-grid>.card{position:relative;display:flex;flex-direction:column;justify-content:flex-end;padding:clamp(18px,2vw,26px);border:0;border-radius:var(--a-r-l);background:var(--a-sea-2);box-shadow:var(--a-sh-2);overflow:hidden;isolation:isolate}
.destination-grid>.card:first-child{grid-column:span 2;grid-row:span 2}
.destination-grid>.card>img{position:absolute;inset:0;width:100%!important;height:100%!important;object-fit:cover;z-index:-2;transition:transform 1s var(--a-ease)}
.destination-grid>.card::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(6,18,21,0) 35%,rgba(6,18,21,.9) 100%)}
.destination-grid>.card:hover>img{transform:scale(1.07)}
.destination-grid>.card h3{color:#fff;margin:0 0 6px;font-size:clamp(1.15rem,1.7vw,1.5rem)}
.destination-grid>.card p{color:rgba(255,255,255,.82);font-size:.9rem;margin:0 0 10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.destination-grid>.card:first-child p{-webkit-line-clamp:4;font-size:1rem}
.destination-grid>.card a{color:var(--a-gold);font-weight:600;text-decoration:none}
@media(max-width:1000px){.destination-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:260px}}
@media(max-width:560px){.destination-grid{grid-template-columns:1fr}.destination-grid>.card:first-child{grid-column:auto;grid-row:auto}}

/* Avis : mise en page éditoriale */
.mt-reviews{background:var(--a-sand)!important}
.mt-rev-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:clamp(14px,2vw,24px);margin-top:24px}
.mt-rev{position:relative;padding-top:48px}
.mt-rev::before{content:"“";position:absolute;top:6px;left:24px;font:400 4rem/1 var(--display,'Fraunces',serif);color:var(--a-copper);opacity:.5}

/* Guide : portrait rond + bloc chaleureux */
.mt-bio-inner{display:grid;grid-template-columns:auto 1fr;gap:clamp(20px,4vw,48px);align-items:center;background:var(--a-paper);border:1px solid var(--a-line);border-radius:var(--a-r-l);padding:clamp(22px,4vw,48px);box-shadow:var(--a-sh-2)}
.mt-bio-inner img{width:clamp(120px,18vw,220px);height:clamp(120px,18vw,220px);object-fit:cover;border-radius:50%;border:6px solid var(--a-sand)}
@media(max-width:700px){.mt-bio-inner{grid-template-columns:1fr;text-align:center}.mt-bio-inner img{margin-inline:auto}}

/* =====================================================================
   ATLAS NIGHT — accueil sombre et cinématographique (body.home-dark)
   ===================================================================== */
body.home-dark{
  --a-ink:#f5efe4; --a-ink-2:#c9d6d8; --a-ink-3:#92a8ac;
  --a-cream:#06141a; --a-paper:#0c232a; --a-sand:#0e2a32;
  --a-line:rgba(255,255,255,.1); --a-line-strong:rgba(255,255,255,.22);
  --a-sh-1:0 1px 2px rgba(0,0,0,.3),0 6px 18px rgba(0,0,0,.25);
  --a-sh-2:0 2px 4px rgba(0,0,0,.3),0 18px 44px rgba(0,0,0,.35);
  --a-sh-3:0 6px 12px rgba(0,0,0,.35),0 34px 80px rgba(0,0,0,.5);
  background:#06141a;color:var(--a-ink-2);overflow-x:clip;counter-reset:sec;
}
body.home-dark main>section:not(.hero){background:transparent!important}
body.home-dark main>section:nth-of-type(even):not(.hero){background:rgba(255,255,255,.015)!important}
body.home-dark main :is(h1,h2,h3,h4,strong,summary,dt,th){color:var(--a-ink)}
body.home-dark main :is(p,li,dd,td,cite,small,label,blockquote span){color:var(--a-ink-2)}
body.home-dark main .subtitle,body.home-dark main .section-heading p{color:var(--a-ink-3)}
body.home-dark main a:not(.btn):not(.card-cta):not(.signature-wa):not(.signature-link){color:var(--a-gold)}
body.home-dark main :is(.card,.trust-card,.service-card,.team-card,.testimonial-card,.mt-rev,.planner-box,.quick-planner,.certifications-section>div,.stat-box,.mt-step,.mt-steps li){background:var(--a-paper)!important;border-color:var(--a-line)!important;color:var(--a-ink-2)}
body.home-dark .testimonial-section,body.home-dark .mt-reviews{background:var(--a-sand)!important;border-radius:0}
body.home-dark .faq-section details{background:var(--a-paper)}
body.home-dark table.mt-table td{background:var(--a-paper);color:var(--a-ink-2)}
body.home-dark table.mt-table tr:nth-child(even) td{background:#0a1e24}
body.home-dark table.mt-table td:first-child{color:var(--a-ink)}
body.home-dark input,body.home-dark select,body.home-dark textarea{background:#0a1e24;color:var(--a-ink);border-color:var(--a-line-strong)}
body.home-dark .stats{background:#04101a!important}

/* Numérotation automatique des sections : « 02 / READY-MADE JOURNEYS » */
body.home-dark .section-heading{counter-increment:sec}
body.home-dark .section-heading .eyebrow::before{content:counter(sec,decimal-leading-zero) "  /  ";color:var(--a-gold)}
body.home-dark .eyebrow,body.home-dark .hero-eyebrow{color:var(--a-ink-3);letter-spacing:.3em}

/* Menu en verre dépoli */
body.home-dark header#navbar{background:linear-gradient(180deg,rgba(3,10,13,.7),transparent)}
body.home-dark header#navbar.scrolled{background:rgba(6,20,26,.72);-webkit-backdrop-filter:saturate(1.6) blur(18px);backdrop-filter:saturate(1.6) blur(18px);box-shadow:0 1px 0 var(--a-line)}
body.home-dark #navbar.scrolled .logo,body.home-dark #navbar.scrolled nav a{color:var(--a-ink)}
body.home-dark #navbar.scrolled .logo span{color:var(--a-gold)}

/* Écran d'ouverture */
#mt-pre{position:fixed;inset:0;z-index:9999;background:#04100f;display:grid;place-items:center;color:#f5efe4;animation:mt-pre-out .9s 2.4s cubic-bezier(.7,0,.2,1) forwards}
#mt-pre.is-done{animation:mt-pre-out .8s cubic-bezier(.7,0,.2,1) forwards}
#mt-pre .p-in{text-align:center}
#mt-pre .p-name{font:500 clamp(1.6rem,4vw,2.6rem)/1 var(--display,'Fraunces',serif);letter-spacing:-.03em}
#mt-pre .p-name em{color:var(--a-gold);font-weight:400}
#mt-pre .p-sub{margin-top:14px;font:500 .7rem/1 var(--body,'Work Sans',sans-serif);letter-spacing:.36em;text-transform:uppercase;color:#92a8ac}
#mt-pre .p-bar{width:min(240px,60vw);height:2px;margin:26px auto 0;background:rgba(255,255,255,.14);overflow:hidden;border-radius:2px}
#mt-pre .p-bar i{display:block;height:100%;width:100%;background:var(--a-copper);transform:scaleX(0);transform-origin:left;animation:mt-bar 1.6s cubic-bezier(.4,0,.2,1) forwards}
#mt-pre .p-pct{margin-top:12px;font:500 .8rem/1 var(--body,'Work Sans',sans-serif);letter-spacing:.2em;color:#92a8ac}
@keyframes mt-bar{to{transform:scaleX(1)}}
@keyframes mt-pre-out{to{opacity:0;visibility:hidden;transform:translateY(-6%)}}

/* Hero : titre immense */
body.home-dark .hero h1{font-size:clamp(3rem,8.6vw,8.4rem);line-height:.92;letter-spacing:-.06em;max-width:12ch;font-weight:500}
body.home-dark .hero p{max-width:40ch}
body.home-dark .hero-actions .btn{border-radius:var(--a-r-pill)}
body.home-dark main>section.mt-proof{background:rgba(10,32,39,.72)!important;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid var(--a-line);box-shadow:var(--a-sh-3)}
body.home-dark main>.mt-proof .mt-proof-item::before{background:rgba(255,255,255,.08) radial-gradient(circle at 50% 50%,var(--a-gold) 0 5px,transparent 6px)}

@media(prefers-reduced-motion:reduce){#mt-pre{display:none}}

/* Corrections : titre d'ouverture, largeur des scènes, nombre de scènes */
body.home-dark main .hero h1{font-size:clamp(3rem,8.4vw,8.2rem)!important;line-height:.93!important;letter-spacing:-.055em!important;max-width:11ch!important;margin:0 0 24px!important}
@media(max-width:700px){body.home-dark main .hero h1{font-size:clamp(2.6rem,13.5vw,4.2rem)!important;max-width:100%!important}}


/* Blocs restés clairs : formulaire rapide, « Our story », certifications */
body.home-dark main :is(.quick-planner-inner,.identity-card,.certification-card,.cert-note,.quick-step){background:var(--a-paper)!important;color:var(--a-ink-2)!important;border:1px solid var(--a-line)}
body.home-dark main :is(.quick-planner-inner,.identity-card,.certification-card) :is(h2,h3,h4,strong,legend,label){color:var(--a-ink)!important}
body.home-dark main :is(.quick-planner-inner,.identity-card,.certification-card) :is(p,span,small,.cert-date,.quick-note){color:var(--a-ink-2)!important}
body.home-dark main .quick-step h3,body.home-dark main .quick-status{color:var(--a-ink)!important}
body.home-dark .identity-card strong{color:var(--a-gold)!important}

/* Avis clients et bloc Facebook en thème sombre */
body.home-dark .testimonial-card blockquote,body.home-dark .testimonial-card p{color:var(--a-ink-2)!important}
body.home-dark .testimonial-card{background:var(--a-paper)!important;border:1px solid var(--a-line)}
body.home-dark .testimonial-stars{color:var(--a-gold)!important}
body.home-dark .facebook-follow-section{background:#06141a!important;padding:var(--a-gap) clamp(18px,4vw,56px)}
body.home-dark .facebook-follow-section :is(h2,h3){color:var(--a-ink)!important}
body.home-dark .facebook-follow-section :is(p,span){color:var(--a-ink-3)!important}
body.home-dark .facebook-follow-section .eyebrow{color:var(--a-gold)!important}
body.home-dark .facebook-embed-wrap{border-radius:var(--a-r-l);overflow:hidden}


/* =====================================================================
   ITINÉRAIRES — CARROUSEL HORIZONTAL EN PERSPECTIVE (façon FIX)
   La section reste fixe un court moment ; la molette fait glisser les
   circuits de droite à gauche, puis la page continue normalement.
   ===================================================================== */
body.home-dark main .signature-itineraries.cf-on{padding:0!important;position:relative}
.cf-on .cf-sticky{position:sticky;top:0;height:100svh;min-height:600px;overflow:hidden;display:flex;flex-direction:column;justify-content:center;padding-top:76px}
.cf-on .cf-sticky>.section-heading{margin:0 auto 0!important;padding:0 18px}
.cf-on .cf-sticky>.section-heading h2{font-size:clamp(1.8rem,3.2vw,2.8rem);margin:8px 0 0}
.cf-on .cf-sticky>.section-heading p{display:none}
.cf-on .sig-wrap{position:relative;flex:1;max-width:none!important;margin:0!important;overflow:visible!important}
.cf-on .sig-controls{display:none!important}
body.home-dark main .signature-itineraries.cf-on .signature-grid{position:absolute!important;inset:0!important;display:block!important;overflow:visible!important;margin:0!important;padding:0!important;width:auto!important;max-width:none!important;perspective:1400px;perspective-origin:50% 45%;transform-style:preserve-3d}
body.home-dark main .signature-itineraries.cf-on .signature-card{position:absolute!important;left:50%!important;top:50%!important;width:min(46vw,640px)!important;height:auto!important;aspect-ratio:16/10;margin:0!important;display:block!important;flex:none!important;border-radius:18px!important;overflow:hidden!important;background:#0c232a!important;border:0!important;box-shadow:0 40px 60px -20px rgba(0,0,0,.65)!important;cursor:pointer;will-change:transform,filter;transform-origin:50% 50%;transition:filter .35s ease,opacity .35s ease}
body.home-dark main .signature-itineraries.cf-on .signature-card img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;z-index:0!important;transform:none!important}
body.home-dark main .signature-itineraries.cf-on .signature-card::after{display:block!important;content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,transparent 60%,rgba(0,0,0,.35))!important}
body.home-dark main .signature-itineraries.cf-on .signature-card-body{display:none!important}
.cf-on .signature-card.is-active{cursor:default}

/* Bande des noms en bas */
.cf-names{position:relative;height:74px;margin-bottom:6px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent);mask-image:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent)}
.cf-names-track{position:absolute;left:50%;top:0;display:flex;align-items:flex-start;white-space:nowrap;will-change:transform}
.cf-name{flex:0 0 auto;padding:0 clamp(18px,2.4vw,40px);text-align:center;background:none;border:0;cursor:pointer;color:rgba(245,239,228,.32);font:800 clamp(1.05rem,2vw,1.9rem)/1.15 var(--body,'Work Sans',sans-serif);letter-spacing:-.01em;text-transform:uppercase;transition:color .3s ease,opacity .3s ease}
.cf-name small{display:block;margin-top:6px;font:500 .8rem/1.2 var(--body,'Work Sans',sans-serif);letter-spacing:.02em;text-transform:none;color:transparent;transition:color .3s ease}
.cf-name.is-active{color:#f2c94c}
.cf-name.is-active small{color:rgba(245,239,228,.82)}
.cf-name:focus-visible{outline:2px solid #f2c94c;outline-offset:4px;border-radius:6px}

/* Actions du circuit actif + flèches */
.cf-actions{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap;padding:0 18px 22px}
.cf-actions a{display:inline-flex;align-items:center;min-height:46px;padding:0 1.4rem;border-radius:999px;font:600 .9rem/1 var(--body,'Work Sans',sans-serif);text-decoration:none}
.cf-actions .cf-view{border:1.5px solid rgba(255,255,255,.5);color:#fff!important}
.cf-actions .cf-view:hover{background:#fff;color:#06141a!important}
.cf-actions .cf-wa{background:var(--a-copper);color:#fff!important}
.cf-arrow{width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.06);color:#fff;font-size:18px;cursor:pointer;transition:background .2s}
.cf-arrow:hover{background:rgba(255,255,255,.18)}
.cf-count{min-width:70px;text-align:center;font:500 .78rem/1 var(--body,'Work Sans',sans-serif);letter-spacing:.24em;color:#92a8ac}
@media(max-width:700px){
  body.home-dark main .signature-itineraries.cf-on .signature-card{width:74vw!important}
  .cf-name{font-size:1rem}
  .cf-names{height:64px}
}
.cf-on .cf-sticky{max-width:none!important;margin:0!important;width:100%;animation:none!important}
@media(max-width:700px){
  .cf-on .cf-sticky{justify-content:flex-start;padding-top:72px}
  .cf-on .cf-sticky>.section-heading h2{font-size:1.6rem}
  .cf-on .sig-wrap{flex:0 0 46vh}
  .cf-actions{gap:8px}
  .cf-actions a{min-height:42px;padding:0 1rem;font-size:.85rem}
  .cf-arrow{width:42px;height:42px}
}
/* Survol et clic : la grille 3D laisse passer la souris vers les photos */
body.home-dark main .signature-itineraries.cf-on .signature-grid{pointer-events:none}
body.home-dark main .signature-itineraries.cf-on .signature-card{pointer-events:auto}




/* =====================================================================
   MENU SIMPLIFIÉ : 4 liens + « More » + langue + bouton devis
   ===================================================================== */
body.home-dark #navbar nav{gap:clamp(14px,1.8vw,30px)}
body.home-dark #navbar nav>a:not(.nav-quote){font-size:.8rem;letter-spacing:.08em}
.nav-drop{position:relative}
.nav-drop>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:6px;font:500 .8rem/1 var(--body,'Work Sans',sans-serif);letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.92);padding:10px 0;white-space:nowrap}
.nav-drop>summary::-webkit-details-marker{display:none}
.nav-drop>summary::after{content:"";width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .2s}
.nav-drop[open]>summary::after{transform:translateY(1px) rotate(-135deg)}
#navbar.scrolled .nav-drop>summary{color:var(--a-ink)}
.nav-lang>summary{border:1px solid rgba(255,255,255,.35);border-radius:999px;padding:8px 12px}
.nav-drop-list{position:absolute;top:calc(100% + 10px);left:50%;transform:translateX(-50%);min-width:190px;padding:8px;border-radius:14px;background:rgba(8,26,32,.96);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.12);box-shadow:0 24px 50px rgba(0,0,0,.45);display:flex;flex-direction:column;z-index:50}
.nav-lang .nav-drop-list{min-width:150px;left:auto;right:0;transform:none}
#navbar .nav-drop-list a{display:block;padding:11px 14px!important;border-radius:10px;color:#f5efe4!important;font:500 .9rem/1.2 var(--body,'Work Sans',sans-serif)!important;letter-spacing:.01em!important;text-transform:none!important;white-space:nowrap}
#navbar .nav-drop-list a::after{display:none!important}
#navbar .nav-drop-list a:hover{background:rgba(255,255,255,.08);color:var(--a-gold)!important}
#navbar .nav-quote{display:inline-flex;align-items:center;min-height:42px;padding:0 1.25rem!important;border-radius:999px;background:var(--a-copper);color:#fff!important;font:600 .85rem/1 var(--body,'Work Sans',sans-serif)!important;letter-spacing:.02em!important;text-transform:none!important;box-shadow:0 10px 24px rgba(192,100,58,.35)}
#navbar .nav-quote::after{display:none!important}
#navbar .nav-quote:hover{background:var(--a-copper-2)}
@media(max-width:900px){
  #navbar .nav-drop{width:100%;border-bottom:1px solid var(--a-line)}
  #navbar .nav-drop>summary{color:var(--a-ink)!important;font-size:1rem;padding:14px 0}
  #navbar .nav-lang>summary{border:0;padding:14px 0}
  #navbar .nav-drop-list{position:static;transform:none;box-shadow:none;border:0;background:transparent;padding:0 0 8px 12px;min-width:0}
  #navbar .nav-drop-list a{color:var(--a-ink-2)!important;padding:10px 0!important}
  #navbar .nav-quote{margin-top:14px;justify-content:center;min-height:48px}
}

/* =====================================================================
   PHRASE D'ACCUEIL « MORA MORA » (≈ 3 s, une fois par visite, non bloquante)
   ===================================================================== */
#mt-intro{position:fixed;inset:0;z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35em;padding:24px;text-align:center;background:#06141a;color:#f5efe4;pointer-events:none;animation:mi-out .7s 2.5s ease forwards}
#mt-intro.is-done{animation:mi-out .45s ease forwards}
#mt-intro p{margin:0}
.mi-line{font:300 clamp(1.4rem,3.4vw,2.6rem)/1.2 var(--body,'Work Sans',sans-serif);letter-spacing:.01em}
.mi-a,.mi-b{display:inline-block;opacity:0;transform:translateY(10px);animation:mi-in .55s ease forwards}
.mi-a{animation-delay:.2s}
.mi-b{animation-delay:.6s}
.mi-mora{font:italic 500 clamp(3rem,9vw,7rem)/1 var(--display,'Fraunces',Georgia,serif);letter-spacing:-.03em;color:var(--a-gold,#e3bd8a);opacity:0;transform:translateY(14px) scale(.98);animation:mi-in .7s 1s ease forwards}
.mi-tail{font:400 clamp(1rem,2vw,1.35rem)/1.4 var(--body,'Work Sans',sans-serif);color:rgba(245,239,228,.8);min-height:1.4em;letter-spacing:.02em}
.mi-tail .mi-c{opacity:0}
.mi-tail .mi-c.on{opacity:1;transition:opacity .08s}
@keyframes mi-in{to{opacity:1;transform:none}}
@keyframes mi-out{to{opacity:0;visibility:hidden}}
html.mi-seen #mt-intro{display:none}
@media(prefers-reduced-motion:reduce){#mt-intro{display:none}}
@media(max-width:900px){
  #navbar .nav-drop{width:auto;border-bottom:0;text-align:center}
  #navbar .nav-drop>summary{justify-content:center;font-size:1rem;letter-spacing:.08em}
  #navbar .nav-drop-list{padding:0 0 6px;align-items:center}
  #navbar .nav-drop-list a{text-align:center}
}

/* =====================================================================
   GLASSMORPHISM — touche finale (verre dépoli + lueurs colorées)
   ===================================================================== */
body.home-dark{
  --g-bg:linear-gradient(145deg,rgba(255,255,255,.085),rgba(255,255,255,.025));
  --g-border:rgba(255,255,255,.14);
  --g-blur:saturate(1.5) blur(18px);
  --g-shadow:inset 0 1px 0 rgba(255,255,255,.14),inset 0 -1px 0 rgba(255,255,255,.03),0 24px 60px -18px rgba(0,0,0,.55);
}
/* Lueurs douces derrière la page pour faire vivre le verre */
body.home-dark::before{content:"";position:fixed;inset:-10vmax;z-index:-1;pointer-events:none;
  background:
    radial-gradient(38vmax 38vmax at 12% 18%,rgba(32,120,120,.28),transparent 70%),
    radial-gradient(34vmax 34vmax at 88% 30%,rgba(192,100,58,.20),transparent 70%),
    radial-gradient(42vmax 42vmax at 70% 85%,rgba(227,189,138,.12),transparent 70%),
    radial-gradient(30vmax 30vmax at 20% 80%,rgba(40,90,140,.18),transparent 70%);
  filter:blur(10px);animation:g-drift 28s ease-in-out infinite alternate}
@keyframes g-drift{to{transform:translate3d(3vmax,-2vmax,0) scale(1.06)}}
@media(prefers-reduced-motion:reduce){body.home-dark::before{animation:none}}
body.home-dark main>section:nth-of-type(even):not(.hero){background:transparent!important}

/* Panneaux en verre */
body.home-dark main :is(.mt-rev,.testimonial-card,.trust-card,.service-card,.team-card,.identity-card,.certification-card,.cert-note,.quick-planner-inner,.quick-step,.stat-box,.mt-bio-inner,.planner-box,.mt-step,.mt-steps li),
body.home-dark .faq-section details,
body.home-dark main>section.mt-proof{
  background:var(--g-bg)!important;border:1px solid var(--g-border)!important;
  -webkit-backdrop-filter:var(--g-blur);backdrop-filter:var(--g-blur);box-shadow:var(--g-shadow)!important}
body.home-dark main :is(.mt-rev,.testimonial-card,.trust-card,.service-card,.team-card,.certification-card,.stat-box):hover{
  border-color:rgba(255,255,255,.26)!important;background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.04))!important}
body.home-dark .testimonial-section,body.home-dark .mt-reviews{background:transparent!important}
body.home-dark .location-card{background:linear-gradient(145deg,rgba(18,54,61,.75),rgba(10,34,39,.55))!important;border:1px solid var(--g-border)!important;-webkit-backdrop-filter:var(--g-blur);backdrop-filter:var(--g-blur)}
body.home-dark table.mt-table{background:rgba(255,255,255,.03);border-color:var(--g-border);-webkit-backdrop-filter:var(--g-blur);backdrop-filter:var(--g-blur)}
body.home-dark table.mt-table td{background:rgba(12,35,42,.92)!important}
body.home-dark table.mt-table tr:nth-child(even) td{background:rgba(16,44,52,.92)!important}
body.home-dark table.mt-table th{background:rgba(6,20,26,.95)}
body.home-dark .stats{background:transparent!important}

/* Menu : barre de verre */
body.home-dark header#navbar.scrolled{background:rgba(8,26,32,.45);-webkit-backdrop-filter:saturate(1.6) blur(22px);backdrop-filter:saturate(1.6) blur(22px);box-shadow:inset 0 -1px 0 rgba(255,255,255,.08),0 10px 30px rgba(0,0,0,.25)}
.nav-drop-list{background:linear-gradient(145deg,rgba(20,50,58,.72),rgba(8,26,32,.62))!important;border:1px solid var(--g-border)!important;-webkit-backdrop-filter:saturate(1.6) blur(22px);backdrop-filter:saturate(1.6) blur(22px)}
.nav-lang>summary{background:rgba(255,255,255,.06);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}

/* Boutons secondaires en verre */
body.home-dark .btn-outline,body.home-dark .cf-actions .cf-view,body.home-dark .cf-arrow,body.home-dark .location-actions .btn-outline{
  background:rgba(255,255,255,.07)!important;border:1px solid rgba(255,255,255,.22)!important;color:#fff!important;
  -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:inset 0 1px 0 rgba(255,255,255,.15)}
body.home-dark .btn-outline:hover,body.home-dark .cf-actions .cf-view:hover,body.home-dark .cf-arrow:hover{background:rgba(255,255,255,.16)!important}

/* Carrousel : barre d'actions en verre */
.cf-actions{width:max-content;max-width:calc(100% - 32px);margin:0 auto 22px;padding:10px 12px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid var(--g-border,rgba(255,255,255,.14));-webkit-backdrop-filter:saturate(1.5) blur(18px);backdrop-filter:saturate(1.5) blur(18px);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 18px 40px -16px rgba(0,0,0,.6)}
@media(max-width:700px){.cf-actions{border-radius:22px;width:auto}}
body.home-dark .mt-table-wrap{background:transparent!important;border:1px solid var(--g-border);border-radius:var(--a-r-m);overflow:hidden;-webkit-backdrop-filter:var(--g-blur);backdrop-filter:var(--g-blur)}
body.home-dark .mt-table-wrap table.mt-table{border:0;border-radius:0}
body.home-dark .mt-compare-note{color:var(--a-ink-3)!important;background:transparent!important;padding-top:12px}

/* Titres d'ouverture plus longs en FR / IT / ZH */
html:not([lang="en"]) body.home-dark main .hero h1{font-size:clamp(2.6rem,5.8vw,5.4rem)!important;max-width:17ch!important;line-height:.98!important}
html[lang="zh-CN"] body.home-dark main .hero h1{font-size:clamp(2.4rem,5vw,4.6rem)!important;max-width:11em!important;line-height:1.12!important;letter-spacing:0!important}
html[lang="zh-CN"] .mi-mora{font-style:italic}
@media(max-width:700px){html:not([lang="en"]) body.home-dark main .hero h1{font-size:clamp(2.2rem,10vw,3.4rem)!important}}

/* =====================================================================
   MOBILE — itinéraires sans blocage + boutons visibles + tableau en cartes
   ===================================================================== */
@media(max-width:700px){
  .cf-on.cf-mobile .cf-sticky{position:relative;top:auto;height:auto;min-height:0;padding:56px 0 34px;justify-content:flex-start}
  .cf-on.cf-mobile .sig-wrap{flex:none!important;height:min(62vw,300px);touch-action:pan-y;margin:12px 0 4px!important}
  body.home-dark main .signature-itineraries.cf-on.cf-mobile .signature-card{width:72vw!important}
  .cf-on.cf-mobile .cf-names{height:62px;margin:6px 0 10px}
  .cf-on.cf-mobile .cf-actions{display:grid;grid-template-columns:44px 1fr 44px;grid-template-areas:"prev count next" "view view view" "wa wa wa";align-items:center;gap:10px;width:calc(100% - 32px);max-width:420px;margin:0 auto;padding:12px;border-radius:22px}
  .cf-on.cf-mobile .cf-arrow:first-child{grid-area:prev}
  .cf-on.cf-mobile .cf-arrow:last-child{grid-area:next}
  .cf-on.cf-mobile .cf-count{grid-area:count}
  .cf-on.cf-mobile .cf-view{grid-area:view;justify-content:center;min-height:48px}
  .cf-on.cf-mobile .cf-wa{grid-area:wa;justify-content:center;min-height:48px}

  /* Tableau « Comparez nos offres » : une carte par offre, tout est lisible */
  body.home-dark .mt-table-wrap{overflow:visible!important;border:0;background:transparent!important;-webkit-backdrop-filter:none;backdrop-filter:none}
  body.home-dark table.mt-table,body.home-dark table.mt-table tbody,body.home-dark table.mt-table tr,body.home-dark table.mt-table td,body.home-dark table.mt-table tbody th{display:block;width:100%!important;min-width:0!important;background:transparent}
  body.home-dark table.mt-table{border:0!important;background:transparent!important;-webkit-backdrop-filter:none;backdrop-filter:none}
  body.home-dark table.mt-table thead{display:none}
  body.home-dark table.mt-table tr{margin:0 0 12px;padding:14px 16px;border-radius:16px;border:1px solid var(--g-border,rgba(255,255,255,.14));background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.025))!important;-webkit-backdrop-filter:saturate(1.5) blur(16px);backdrop-filter:saturate(1.5) blur(16px)}
  body.home-dark table.mt-table td,body.home-dark table.mt-table tr:nth-child(even) td{background:transparent!important;border:0!important;padding:4px 0!important;white-space:normal!important}
  body.home-dark table.mt-table td::before{content:attr(data-label);display:block;font:600 .66rem/1.4 var(--body,'Work Sans',sans-serif);letter-spacing:.14em;text-transform:uppercase;color:var(--a-ink-3)}
  body.home-dark table.mt-table tbody th{background:transparent!important;border:0!important;padding:0 0 6px!important;font-size:1.08rem;color:var(--a-ink)!important;text-align:left}
  body.home-dark table.mt-table td:first-child{font-size:1.08rem;padding-bottom:6px!important}
  body.home-dark table.mt-table td:first-child::before,body.home-dark table.mt-table td:last-child::before{display:none}
  body.home-dark table.mt-table td:last-child a{display:inline-flex;margin-top:6px;padding:8px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.06)}
}

/* iPhone (Safari/WebKit) : un flou « backdrop-filter » imbriqué dans un panneau déjà flouté s'affiche en blanc.
   Les boutons secondaires n'utilisent donc plus de flou : fond teinté opaque, texte toujours lisible. */
body.home-dark .btn-outline,body.home-dark .cf-actions .cf-view,body.home-dark .cf-arrow,body.home-dark .location-actions .btn-outline{
  -webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#173b43!important;color:#fff!important;-webkit-appearance:none;appearance:none}
body.home-dark .btn-outline:hover,body.home-dark .cf-actions .cf-view:hover,body.home-dark .cf-arrow:hover{background:#21505a!important}
.cf-arrow{-webkit-text-fill-color:#fff;font-family:system-ui,-apple-system,sans-serif;line-height:1;display:inline-flex;align-items:center;justify-content:center;padding:0}