/* ==========================================================================
   Locagex — harmonisation V2 des pages de contenu (gabarit includes/page-top.php :
   fonctionnalités, « Pour qui », tarifs, blog, aide, pages légales…).
   Chargé APRÈS les styles .doc-* de page-top.php : ne fait que surcharger
   quelques détails pour reprendre le langage visuel de l'accueil V2
   (italique Baskerville or, surtitre à filet, boutons arrondis, cartes, bandeaux).
   Le mode sombre des pages (data-theme="dark") est respecté.
   ========================================================================== */

/* Mots en italique des titres : Libre Baskerville, comme l'accueil */
.doc-hero h1 em,
.doc-section-head h2 em,
.doc-cta h2 em,
.doc-story-body h2 em,
.doc-stat-n em,
.doc-prose h2 em{font-family:'Libre Baskerville',Georgia,serif;font-style:italic;font-weight:400;letter-spacing:-.02em}

/* Surtitre précédé d'un filet or */
.doc-eyebrow{display:inline-flex;align-items:center;gap:10px;letter-spacing:.14em}
.doc-eyebrow::before{content:"";flex:none;width:22px;height:1.5px;background:currentColor}
.doc-hero h1 .doc-eyebrow{display:flex}
.doc-section-head.center .doc-eyebrow{justify-content:center}

/* Boutons arrondis, ombre or, flèche qui glisse */
.doc-btn{border-radius:999px;padding:15px 28px;transition:transform .25s cubic-bezier(.22,.9,.24,1),box-shadow .25s,background .25s,border-color .25s,color .25s}
.doc-btn-gold{box-shadow:0 10px 30px -10px rgba(198,146,48,.8)}
.doc-btn-gold:hover{background:#F6DD8E;transform:translateY(-2px)}
.btn-hero-primary{border-radius:999px}

/* Cartes : rayon plus doux, liseré or au survol */
.doc-card{border-radius:18px;transition:box-shadow .3s,transform .3s cubic-bezier(.22,.9,.24,1),border-color .3s}
.doc-card:hover{border-color:rgba(230,184,76,.6);transform:translateY(-4px)}
.doc-card-ic{border-radius:12px}
.doc-stat{border-radius:18px}

/* Bandeau d'en-tête : même bleu dégradé « écrin » que le panneau de l'accueil */
.doc-hero{background:
  radial-gradient(60% 80% at 85% 0%,rgba(230,184,76,.14) 0%,rgba(230,184,76,0) 60%),
  radial-gradient(90% 80% at 10% 0%,#0B5A78 0%,rgba(11,90,120,0) 60%),
  linear-gradient(150deg,#06405C 0%,#023047 45%,#021A28 100%)}

/* Appel à l'action de fin de page : halo or */
.doc-cta{background:
  radial-gradient(50% 70% at 50% 110%,rgba(230,184,76,.32),rgba(230,184,76,0) 70%),
  linear-gradient(155deg,#021A28,#023047 70%)}

/* Bandeaux alternés : crème chaude de l'accueil (thème clair seulement) */
:root:not([data-theme="dark"]) .doc-band{background:#F4EEE2}

@media (prefers-reduced-motion:reduce){
  .doc-btn,.doc-card{transition:none}
  .doc-card:hover,.doc-btn-gold:hover{transform:none}
}