/* ==========================================================================
   Accessibilité et cohérence des tailles : tous les métiers SAUF photographe, et l'accueil.
   Chargée après style.css par les pages de marque neutre (build.py, NEUTRAL["css"]).
   Ne change PAS la DA (celle de style.css) : seulement contrastes, zones tactiles, réglages système.
   ========================================================================== */

/* ---------- Contrastes AA (4,5:1) des petits textes en thème clair ---------- */
:root:not(.dark){--eyebrow-fg:#C2410C}
:root:not(.dark) .eyebrow,:root:not(.dark) .c-row dt{color:var(--base-500)}
:root:not(.dark) .t-host{color:#C2410C}
/* Grands titres orange : 3:1 minimum (texte large) */
:root:not(.dark) h1 em,:root:not(.dark) .sec-title em,:root:not(.dark) .tuto-title em{color:var(--orange-600)}
:focus-visible{outline-color:var(--orange-600)}

/* ---------- Zones tactiles : 44 px, hauteurs homogènes ---------- */
.icon-btn,.tuto-prev,.tuto-x,.to-top{width:44px;height:44px}
.group-head .chev{width:44px;height:44px}
.btn{min-height:44px;padding:8px 8px 8px 18px}
.btn.back{padding:8px 18px 8px 8px}
@media(max-width:560px){.topbar .btn,.topbar .btn.back{padding:8px}}
.btn-primary,.fold-btns button{display:inline-flex;align-items:center;min-height:44px;padding:0 16px}
.seg button{min-height:36px}
.search .clear{min-height:32px}
.checklist label{padding:10px 8px}
.reset-check{padding:10px 0}
.tuto-skip{min-height:44px}
.cd-link{min-height:44px}
/* Barre collante : même hauteur qu'avant (la ligne suit le champ de 40 px), pour ne rien ajouter */
.controls.stuck .icon-btn{width:40px;height:40px}
.mini-cta{height:40px}
@media(max-width:767px){.mini-cta{width:40px}}

/* ---------- Réglages système ---------- */
@media (prefers-reduced-transparency:reduce){
  .controls.stuck{background:var(--background);backdrop-filter:none;-webkit-backdrop-filter:none}
  .tuto::backdrop{background:rgb(9 9 11/.75);backdrop-filter:none;-webkit-backdrop-filter:none}
}
@media (prefers-contrast:more){
  :root{--muted-fg:#3f3f46;--border:var(--base-400);--card-border:var(--base-300);--tile-border:var(--base-300)}
  .dark{--muted-fg:#e4e4e8;--border:var(--base-500);--card-border:var(--base-600);--tile-border:var(--base-600)}
  .eyebrow,.c-row dt,.cd-label,.cd-grid span{color:inherit}
}

/* Catégories immersives (fond forêt) : l'orange clair d'origine y est lisible */
:root:not(.dark) .immersive .t-host{color:var(--orange-400)}
/* Barre collante : boutons du bas à leur taille d'origine, pour ne pas la rendre plus haute */
.controls.stuck .btn-primary,.controls.stuck .fold-btns button{min-height:0;padding:8px 12px}

/* Impression / PDF : espacements compacts d'origine (les zones tactiles ne servent pas sur papier) */
@media print{.checklist label{padding:6px}.reset-check{padding:0}}