/* ═══════════════════════════════════════════════════════════════════════
   NemaususDriver — v25 : le design de l'accueil (v23) étendu à toutes les
   pages intérieures (trajets, gares, aéroports, VSL, conseils, pages en
   langues étrangères…). Chargée APRÈS les styles propres de chaque page :
   elle ne fait que les harmoniser. Aucun contenu n'est modifié ici.
   Deux gabarits existent : A (.wrap, .b1, .stats…) et B (.hero-seo,
   .btn-primary, .info-card…). Les deux sont couverts.
   ═══════════════════════════════════════════════════════════════════════ */
:root{
  --disp:'Bricolage Grotesque','Manrope',system-ui,sans-serif;
  --nd-noir:#0b0b0d;--nd-noir2:#101014;--nd-noir3:#16161b;
  --nd-or:#d2b25e;--nd-ivoire:#f2eee4;--nd-ivoire2:#c9c4b6;
  --nd-texte:#a8a294;--nd-ligne:rgba(210,178,94,.16);--nd-ease:cubic-bezier(.2,.7,.2,1)
}
/* Gabarit B : même palette que l'accueil */
:root{--noir:#0b0b0d;--or:#d2b25e;--blanc:#f2eee4;--gris:#a8a294;--border:rgba(210,178,94,.16)}
body{background:var(--nd-noir)}

/* ─── Barre de navigation : logo identique à l'accueil ─── */
nav .logo{font-family:'Fraunces',Georgia,serif!important;font-size:19px!important;letter-spacing:0!important;text-transform:none!important;color:var(--nd-ivoire)}
nav .logo span{font-style:italic;color:var(--nd-or)}
nav{background:rgba(11,11,13,.94)}

/* ─── Titres : typographie de l'accueil ─── */
h1,h2{font-family:var(--disp)!important;letter-spacing:-.035em;color:var(--nd-ivoire)}
h1{font-weight:800!important;line-height:1.02!important;text-wrap:balance}
h2{font-weight:800!important;line-height:1.1;text-wrap:balance}
h3{font-family:var(--disp);font-weight:700;letter-spacing:-.015em}
h1 em,h2 em,h3 em{font-style:normal!important;color:var(--nd-or)}
.crumb,.breadcrumb{color:#8d877a}

/* ─── Texte courant : plus lisible sur fond noir ─── */
p,.fa,.faq-a,ul.pts li,.hero-desc,.cell p,.step p,.info-card .lbl{color:var(--nd-texte)}
.lead{color:var(--nd-ivoire2)}

/* ─── Boutons dorés : même reflet que l'accueil ─── */
@keyframes ndShine{0%{background-position:-160% 0}100%{background-position:260% 0}}
.b1,.btn-primary,.n-cta,.nav-cta,.btn1{
  background:linear-gradient(110deg,var(--nd-or) 0%,var(--nd-or) 40%,#f7dc94 50%,var(--nd-or) 60%,var(--nd-or) 100%)!important;
  background-size:220% 100%!important;animation:ndShine 4.5s ease-in-out infinite;color:#1b1813!important
}
.b1:hover,.btn-primary:hover,.n-cta:hover,.nav-cta:hover{transform:translateY(-2px)}

/* Bandeau de confiance (avis, tarif, sans acompte) */
.tb{border-radius:16px!important;border-color:var(--nd-ligne)!important;background:var(--nd-noir2)!important;color:var(--nd-ivoire2)}
.tb b{color:var(--nd-or)!important}
.tb a[href^="tel:"]{background:var(--nd-or)!important;color:#1b1813!important;border-radius:999px!important}

/* ─── Chiffres clés : cartes séparées, arrondies ─── */
.stats{gap:12px!important;background:none!important;border:0!important}
.stat,.info-card{background:var(--nd-noir2)!important;border:1px solid var(--nd-ligne)!important;border-radius:18px;transition:border-color .3s,transform .3s var(--nd-ease)}
.stat:hover,.info-card:hover{border-color:rgba(210,178,94,.45)!important;transform:translateY(-2px)}
.stat .v,.info-card .val{font-family:var(--disp)!important;font-weight:800;letter-spacing:-.03em;color:var(--nd-or)}

/* ─── Grilles de cartes ─── */
.grid2{gap:12px!important;background:none!important;border:0!important}
.cell{background:var(--nd-noir2)!important;border:1px solid var(--nd-ligne);border-radius:18px;transition:border-color .3s,transform .3s var(--nd-ease)}
.cell:hover{border-color:rgba(210,178,94,.45);transform:translateY(-2px)}
.cell h3{font-family:var(--disp)!important;font-weight:700!important}
.est,.tarif-box,.encart,.fbox,.info-box,.cpam-box,.card,.profil{border-radius:20px!important}
.card{transition:border-color .3s,transform .3s var(--nd-ease)}
.card:hover{transform:translateY(-3px)}
.step .n,.step-num{font-family:var(--disp)!important;font-weight:800;color:rgba(210,178,94,.5)!important}

/* ─── FAQ ─── */
details summary,.faq-q{font-family:var(--disp);font-weight:700;letter-spacing:-.01em}
details summary:hover{color:var(--nd-or)}

/* ─── Photo réelle du trajet (HTML statique, une par page) ─── */
.nd-photo{position:relative;display:block;margin:34px 0 8px;border-radius:24px;overflow:hidden;border:1px solid var(--nd-ligne);background:var(--nd-noir3);aspect-ratio:16/9;max-width:100%}
.nd-photo img{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1.02);transition:transform 1.2s var(--nd-ease)}
.nd-photo:hover img{transform:scale(1.06)}
.nd-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,11,13,0) 55%,rgba(11,11,13,.55) 100%);pointer-events:none}
.hero-seo .nd-photo{margin-top:30px}

/* ─── Mobile ─── */
@media (max-width:640px){
  .nd-photo{aspect-ratio:4/3;border-radius:18px;margin-top:26px}
  .stats{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:8px!important}
  .stat{display:flex!important;align-items:baseline;justify-content:space-between;gap:12px;padding:16px 18px!important;flex:none!important}
  .stat .v{font-size:24px!important}
  .stat .k{margin-top:0!important;text-align:right;font-size:11px!important}
  .grid2{grid-template-columns:minmax(0,1fr)!important}
}
@media (prefers-reduced-motion:reduce){
  .b1,.btn-primary,.n-cta,.nav-cta,.btn1{animation:none}
  .nd-photo img,.stat,.info-card,.cell,.card{transition:none}
  .nd-photo:hover img{transform:scale(1.02)}
}

/* Barre du haut sur petit téléphone : le bouton ne touche plus le logo */
nav{gap:12px}
@media (max-width:420px){.n-cta,.nav-cta{padding:10px 14px!important;letter-spacing:1.4px!important;white-space:nowrap}}

/* Pages qui avaient déjà leur photo : même habillage arrondi */
.nd-fig{border-radius:24px;overflow:hidden;margin:30px 0 8px!important;border-color:var(--nd-ligne)!important}
@media (max-width:640px){.nd-fig{border-radius:18px}}

/* v36 (14/10/2026) : bloc « Ces trajets peuvent aussi vous intéresser » collé au bord sur les pages du gabarit B (pas de .wrap défini) */
.maillage-interne>.wrap{max-width:880px;margin-left:auto;margin-right:auto}
@media(max-width:768px){.maillage-interne>.wrap{padding-left:20px;padding-right:20px}}