/* =====================================================================
   LUMAYA — couche d'optimisation « Apple HIG » (maj66)
   Chargée en dernier sur toutes les pages. Ne modifie pas la charte :
   corrige lisibilité, contraste, zones tactiles, retours tactiles,
   flou Safari, zones de sécurité iPhone et confort de lecture.
   ===================================================================== */

/* 1. Contraste (HIG Color / Accessibility : ≥ 4,5:1 pour le texte courant)
      --muted 4,35 → 5,67:1 ; bleu profond 3,28 → 5,59:1 avec texte blanc */
:root{
  --muted:#5C6356;
  --glacier-deep:#3B6C94;
  --cp-muted:#5C6356;
  --cp-eau-deep:#3B6C94;
  color-scheme:light;              /* contrôles natifs toujours en clair */
  -webkit-tap-highlight-color:transparent;
}

/* 2. Confort de lecture (HIG Typography) */
html{text-size-adjust:100%}
img{height:auto}                   /* évite toute déformation avec width/height */
h1,h2,h3,.manifesto__quote,.slogan h2{text-wrap:balance}
p,li,.lead{text-wrap:pretty}
/* Taille plancher 12 px pour les sur-titres et libellés (étaient à 10–11,5 px) */
.eyebrow,.cp-eyebrow,.footer h5,.footer__social-label,.manifesto__grid .col .k,
.coll-card h3 small,.coll-pro__k,.cart-cross__title,.product__fam,.pm__fam,.pm__ref,
.feature__badge,.cp-offer__k,.pdp-family,.scroll-cue{font-size:max(.75rem,12px)}
.eyebrow,.cp-eyebrow{letter-spacing:.22em}
.trustbar__item,.product__tag,.product__badge,.pm__badge-verif,.cart-count,
.product__rating small,.cart__note,.cart__secure,.cart-line__rm,.news small,
.guide__disclaimer,.footer__bottom{font-size:max(.75rem,12px)}

/* Fiches produits : gris trop clairs (#888 / #bbb / #A9B9A3 ≈ 2–3:1) */
.pdp-breadcrumb,.pdp-breadcrumb a,.pdp-shipping,.pdp-note,.pdp-specs th{color:#5C6356}
.pdp-ref{color:#6B6B66}
.pdp-family{color:#5F6E58}
.pdp-tagline{color:#4D524A}

/* 3. Zones tactiles ≥ 44 × 44 pt (HIG Layout / Accessibility) */
.nav__toggle{width:44px;height:44px}
.cart__close{width:44px;height:44px}
.pm__qty button{width:44px;height:44px}
.cart-line__qty button{width:32px;height:32px;border-radius:9px}
.cart-line__qty{gap:6px}
.pdp-faq details{padding:0}
.pdp-faq summary{padding:13px 0}
.pdp-faq details[open]>p{padding-bottom:14px}
.footer li{margin-bottom:0}
.footer li a,.footer__bottom a,.site-footer .footer-links a{display:inline-flex;align-items:center;min-height:44px}
.footer__social-links a{width:44px;height:44px}
.guide-card--cta .guide-card__link,.guide-card__link{min-height:44px}
#site-header .nav-links a{display:inline-flex;align-items:center;min-height:44px}
#site-header .nav-cart{min-height:40px}
.filter-chip{min-height:44px}
.cart-cross__buy button{min-height:36px;padding-inline:16px}

/* Champs de formulaire : 16 px minimum sinon Safari iOS zoome au focus */
input,select,textarea{font-size:max(16px,1em)}
.news input,.cp-field input,.cp-field select,.cp-field textarea{font-size:16px;min-height:48px}
.cp-field textarea{min-height:120px}
input[type=checkbox],input[type=radio]{width:22px;height:22px;min-height:0;accent-color:var(--sauge,#5F6E58)}

/* 4. Retour tactile direct (HIG Feedback) : léger enfoncement à l'appui */
.btn,.product__add,.pdp-btn,.filter-chip,.cart-btn,.coll-pro__cta,.pm__cross-card,
.cart-cross__buy button,.cp-btn{transition-property:transform,background,color,box-shadow,border-color,opacity}
.btn:active,.product__add:active,.pdp-btn:active,.filter-chip:active,.cart-btn:active,
.pm__cross-card:active,.cart-cross__buy button:active,.cp-btn:active{transform:scale(.97)!important;transition-duration:.08s}

/* Pas d'effet « survol collant » sur écran tactile (iPhone / iPad) */
@media (hover:none){
  .product:hover,.coll-card:hover,.guide-card:hover,.pm__cross-card:hover,
  .btn:hover,.btn--solid:hover,.btn--ghost:hover,.btn--glacier:hover,.product__add:hover,
  .footer__social-links a:hover,.pdp-related a:hover,.pdp-btn:hover{transform:none}
  .product:hover .product__media img,.feature__media:hover img,.coll-pro:hover img{transform:none}
  .coll-card:hover::before{transform:scaleX(0)}
  .footer li a:hover{padding-left:0}
}

/* 5. Matériaux : flou d'arrière-plan aussi sur Safari < 18 (préfixe) — voir js / css corrigés */

/* 6. Zones de sécurité iPhone (encoche, barre d'accueil, paysage) */
.nav{padding-left:max(var(--gutter),env(safe-area-inset-left));padding-right:max(var(--gutter),env(safe-area-inset-right))}
.cart__foot{padding-bottom:max(26px,calc(env(safe-area-inset-bottom) + 14px))}
.toast{bottom:max(26px,calc(env(safe-area-inset-bottom) + 16px))}
.pm__buybar{padding-bottom:max(clamp(20px,3vw,26px),calc(env(safe-area-inset-bottom) + 12px))}
.footer,.site-footer .footer-inner{padding-bottom:max(34px,calc(env(safe-area-inset-bottom) + 20px))}

/* Menu mobile : verrou de défilement et liens plus faciles à toucher */
@media (max-width:820px){
  .nav__links{padding-top:env(safe-area-inset-top);gap:8px}
  .nav__links a{min-height:48px;display:inline-flex;align-items:center;font-size:1.12rem}
}

/* 7. Ancres : le titre ne passe plus sous la barre de navigation fixe */
[id]{scroll-margin-top:88px}

/* 8. Mouvement (HIG Motion) : couverture complète de « Réduire les animations » */
@media (prefers-reduced-motion:reduce){
  .marquee__track{animation:none!important;transform:none!important}
  .btn:active,.product__add:active,.pdp-btn:active{transform:none!important}
}

/* Compléments : libellés restants sous 12 px et petits liens */
.product__price small,.cp-kpi>span,.cp-offer__specs span,.pdp-specs small,th small{font-size:max(.75rem,12px)}
.page-hero .eyebrow{font-size:max(.75rem,12px)}
.cp-dark p[style*="font-size:.72rem"]{font-size:max(.75rem,12px)!important;color:rgba(247,244,238,.72)!important}
.cp-flink,.back,.cp-nav__brand{display:inline-flex;align-items:center;min-height:44px}

/* Fiches produits : la galerie « collante » recouvrait le texte en défilant sur mobile */
@media (max-width:768px){.pdp-gallery{position:static}}