/* ==========================================================================
   TIMOPHOROS — habillage commun des anciennes pages (lot O2, 10/11/2026)
   Les 21 pages construites sur site.css reçoivent l'en-tête, le pied de page,
   les couleurs, la typographie et les boutons du système « maison ».
   Chargé APRÈS site.css / prive.css / sector.css : il ne touche ni aux textes,
   ni aux prix, ni à la structure des pages. Thème clair uniquement (comme site.css).
   ========================================================================== */
:root{
  --sel:#eef0ec;--sel-2:#e1e6e1;--nuit:#172024;--brume:#4b585d;--etang:#22586a;--sagne:#7f5530;
  --teinte:var(--etang);--ligne:rgba(23,32,36,.16);--voile:rgba(238,240,236,.86);--sur-photo:#f4f6f3;
  --titre:"Newsreader",Georgia,"Times New Roman",serif;
  --texte:"IBM Plex Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  --t-0:.875rem;--t-1:1.0625rem;--t-4:2.519rem;
  --gout:max(16px,env(safe-area-inset-left,0px));--goutd:max(16px,env(safe-area-inset-right,0px));
  --marge:clamp(20px,4vw,56px);--largeur:1320px;--doux:cubic-bezier(.22,.8,.24,1);
  /* Jetons de site.css ramenés sur ceux de « maison » (mêmes contrastes, vérifiés ≥ 4,5:1) */
  --paper:#eef0ec;--ink:#172024;--blue:#22586a;--line:rgba(23,32,36,.16);
  --mono:var(--texte);--header:68px;
  color-scheme:light;
}
[data-univers="photo"]{--teinte:var(--sagne)}
body{background:var(--sel);color:var(--nuit)}
.section.dark,.price-card.featured,.house{--blue:#7fc4dd}

/* Plus de rail latéral, de trame ni de bascule « Image / Système » : effets sans contenu. */
.signature-rail,.system-plan,.switch,.mode-status,.mode-label{display:none!important}
body{padding-left:0!important}

/* Typographie : les étiquettes en capitales à chasse fixe passent en texte courant. */
.eyebrow,.cta,.price-tax,.note,.breadcrumb,.breadcrumb a,.sector-back,.offer-tag,.price-label,
.footer-links a,.legal-data dt,.step b,.process span,.summary-row dt,.save-state,.progress-meta{
  text-transform:none!important;letter-spacing:0!important}
.eyebrow{font-weight:500;color:var(--brume)}
/* Boutons : même forme que « maison » (pilule, texte courant). */
.cta{font:500 .98rem/1.2 var(--texte)!important;border-radius:999px;padding:12px 22px;min-height:48px;
  text-transform:none!important;letter-spacing:0!important}
.cta:hover{transform:none;background:var(--etang);border-color:var(--etang);color:var(--sel)}
.cta.light:hover{background:transparent;color:var(--sur-photo);border-color:var(--sur-photo)}
.cta.ghost:hover{background:var(--nuit);color:var(--sel);border-color:var(--nuit)}

/* ---------- Cadre, en-tête et pied « maison » ---------- */
.cadre{width:100%;max-width:calc(var(--largeur) + 2*var(--marge));margin-inline:auto;
  padding-left:max(var(--marge),var(--gout));padding-right:max(var(--marge),var(--goutd))}
.entete{position:sticky;top:env(safe-area-inset-top,0px);z-index:60;background:var(--voile);
  -webkit-backdrop-filter:saturate(1.2) blur(14px);backdrop-filter:saturate(1.2) blur(14px);border-bottom:1px solid var(--ligne);
  font:400 var(--t-1)/1.6 var(--texte)}
.entete .cadre{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:68px}
.entete .marque,.pied .marque{display:inline-flex;align-items:baseline;text-decoration:none;
  font:500 1.06rem/1 var(--titre)!important;letter-spacing:.14em!important;text-transform:none!important;color:var(--nuit)}
.pied .marque{font-size:1.25rem!important}
.nav-principale{display:flex;align-items:center;gap:clamp(14px,2.2vw,30px)}
.nav-principale a{text-decoration:none;font-size:.95rem;padding-block:8px;position:relative;color:var(--nuit)}
.nav-principale a::after{content:"";position:absolute;left:0;right:0;bottom:2px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .35s var(--doux)}
.nav-principale a:hover::after,.nav-principale a[aria-current="page"]::after{transform:scaleX(1)}
.nav-principale a[data-univers]{display:inline-flex;align-items:center;gap:8px}
.nav-principale a[data-univers]::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--teinte);flex:none}
.nav-principale a[data-univers]::after{background:var(--teinte)}
.nav-principale .nav-note{display:none}
.entete .bouton,.pied .bouton{display:inline-flex;align-items:center;gap:.7em;min-height:44px;padding:10px 16px;border-radius:999px;
  background:var(--nuit);color:var(--sel);text-decoration:none;font:500 .98rem/1.2 var(--texte);border:1px solid var(--nuit);
  transition:background .3s var(--doux)}
.entete .bouton:hover{background:var(--etang);border-color:var(--etang)}
.nav-principale .bouton::after{display:none}
.entete-contact{display:none!important}
.menu-bouton{display:none;align-items:center;gap:10px;min-height:44px;padding:0 4px;border:0;background:none;color:inherit;font:500 .95rem var(--texte);cursor:pointer}
.menu-bouton span{display:block;width:22px;height:1px;background:currentColor;box-shadow:0 -6px 0 currentColor,0 6px 0 currentColor}
@media (max-width:880px){
  .entete .cadre{gap:10px}
  .entete-contact{display:inline-flex!important;margin-left:auto}
  .nav-principale{display:none}
  .menu-bouton{display:inline-flex}
  .entete[data-ouvert]{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--sel)}
  .entete[data-ouvert] .nav-principale{display:flex;position:fixed;inset:68px 0 0 0;height:calc(100dvh - 68px);flex-direction:column;align-items:flex-start;gap:0;
    padding:24px max(var(--marge),var(--goutd)) calc(32px + env(safe-area-inset-bottom,0px)) max(var(--marge),var(--gout));background:var(--sel);overflow:auto}
  .entete[data-ouvert] .nav-principale a{font:400 var(--t-4)/1.1 var(--titre);padding-block:14px;width:100%;border-bottom:1px solid var(--ligne)}
  .entete[data-ouvert] .nav-principale a[data-univers]{gap:14px}
  .entete[data-ouvert] .nav-principale a[data-univers]::before{width:12px;height:12px}
  .entete[data-ouvert] .nav-principale .bouton{display:none}
  .entete[data-ouvert] .nav-principale .nav-note{display:block;margin-top:auto;padding-top:32px;font-size:.92rem;color:var(--brume)}
  .entete[data-ouvert] .menu-bouton span{box-shadow:none;transform:rotate(45deg)}
  .entete[data-ouvert] .menu-bouton span::after{content:"";display:block;height:1px;background:currentColor;transform:rotate(-90deg)}
}
@media (max-width:360px){.entete .marque{letter-spacing:.08em!important}}

.pied{border-top:1px solid var(--ligne);padding-block:clamp(48px,7vw,88px) calc(28px + env(safe-area-inset-bottom,0px));
  font:400 var(--t-1)/1.6 var(--texte);color:var(--nuit);background:var(--sel)}
.pied .haut{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:32px clamp(16px,2.4vw,32px)}
.pied .signature{grid-column:1 / span 4;display:grid;gap:12px;align-content:start}
.pied .signature .note{font:400 var(--t-0)/1.55 var(--texte)!important;color:var(--brume);margin:0}
.pied p{margin:0}
.pied nav{grid-column:span 2;display:grid;gap:10px;align-content:start;font-size:.95rem}
.pied nav h2{font:400 .85rem var(--texte);color:var(--brume);margin:0 0 6px;letter-spacing:0}
.pied nav a{text-decoration:none}
.pied nav a:hover{text-decoration:underline}
.pied .lien-fort{color:var(--etang);font-weight:500;text-decoration:underline;text-underline-offset:.22em}
.pied .bas{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px 24px;margin-top:56px;font-size:.82rem;color:var(--brume)}
.pied .bas a{color:inherit;text-decoration:underline;text-underline-offset:.22em}
@media (max-width:900px){.pied .signature{grid-column:1 / -1}.pied nav{grid-column:span 6}}
@media (prefers-reduced-motion:reduce){.nav-principale a::after{transition:none}}

/* Plus de rail : le contenu reprend toute la largeur. */
:root{--rail:0px!important}
.header,.hero,.section,.footer,.fil-ariane{margin-left:0!important}
/* Étiquettes et liens autrefois en capitales à chasse fixe (relevé automatique de site.css,
   prive.css et sector.css, 10/11) : texte courant, sans espacement forcé. */
.book .privacy-note,.book-cta,.case .tag,.copy-state,.demo-disclaimer,.diag-actions button,.fil-ariane ol,
.hero-reassurance,.hero-secondary,.hero-signature,.identity-stamp span,.legal-content .legal-updated,.legal-data dt,
.mini-talk b,.mobile-cta,.offer-cta,.preview-field label,.preview-shots li,.preview-stamp,.preview-talk span,
.price-card .amount small,.price-card-cta,.price-note,.pricing-terms b,.pro-bridge a,.proof-status b,.reason-box h4,
.sector-detail-link,.sector-directory-link,.sector-index-action,.sector-nav button,.skip-link,.solution-state,
.summary-row button,.system-flow span,.system-overlay small,.system-overlay strong,.hero-postbar{
  text-transform:none!important;letter-spacing:0!important;font-family:var(--texte)!important}
.book-cta,.hero-secondary,.offer-cta,.price-card-cta,.pro-bridge a,.sector-detail-link,.sector-directory-link,
.sector-index-action,.mobile-cta{font-size:.9375rem!important;font-weight:500}
.fil-ariane ol{font-size:.875rem!important}
/* Bandeau sous l'accueil professionnel : seuls les liens restent (les slogans « Image / Système / Humain » partent). */
.hero-postbar{display:flex!important;flex-wrap:wrap;gap:8px 20px;padding:14px max(var(--marge),var(--gout))!important;
  font-size:.9rem!important;color:var(--brume);border-bottom:1px solid var(--ligne);margin:0!important;position:static!important}
.hero-postbar > span,.hero-postbar > i{display:none!important}
.hero-postbar a{text-decoration:underline;text-underline-offset:.22em;color:var(--nuit)}
/* Lien secondaire posé sur une section claire : il était écrit en clair sur clair (contraste < 2:1). */
.section:not(.dark) .hero-secondary{color:var(--nuit)!important;border-color:rgba(23,32,36,.45)!important}
.mobile-cta{border-radius:999px;font:500 .9375rem/1.2 var(--texte)!important;letter-spacing:0!important;text-transform:none!important}
/* Slogans « Image → percevoir · Système → qualifier » sous les titres : retirés, la page les explique. */
.hero-signature{display:none!important}
.hero .eyebrow,.sector-hero .eyebrow{margin-bottom:.9rem!important;display:block}
.puce-secteur{display:inline-flex;align-items:center;min-height:44px;border:1px solid var(--ligne);border-radius:999px;padding:.6rem 1rem;font:500 .9rem/1.2 var(--texte);text-decoration:none}
.puce-secteur:hover{border-color:var(--nuit)}