/* apple-upgrade.css — 2026-10-27 — principes du skill apple-design poses PAR-DESSUS styles.css.
   Rien n'est remplace : ce fichier se charge en dernier et ne fait que surcharger.
   Retrait = enlever la ligne <link> dans le <head>. */

/* §1 Reponse — le retour se fait a l'appui, pas au relachement, et sans delai de 300 ms */
a, button, .btn, [role="button"], summary, label[for]{
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
}
.btn, nav .btn, .car-points button, .hero-actions .btn{
  transition: transform 100ms ease-out, background .18s ease, border-color .18s ease, color .18s ease;
  will-change: transform;
}
.btn:active, button:active, [role="button"]:active{ transform: scale(.97); }
.btn:hover{ transform: translateY(-1px); }
.btn:hover:active{ transform: scale(.97); }

/* §12 Materiaux — barre translucide plus epaisse, et un BORD DE DEFILEMENT en degrade
   au lieu d'un filet de 1 px : le trait n'apparait que quand du contenu passe dessous. */
nav{
  background: rgba(16,19,23,.62);
  -webkit-backdrop-filter: blur(20px) saturate(180%);
  backdrop-filter: blur(20px) saturate(180%);
  border-bottom: 0;
  transition: background .3s ease;
}
nav::after{
  content:""; position:absolute; left:0; right:0; top:100%; height:24px;
  pointer-events:none; opacity:0; transition: opacity .25s ease;
  background: linear-gradient(rgba(6,8,11,.55), rgba(6,8,11,0));
}
body.a-defile nav{ background: rgba(16,19,23,.80); }
body.a-defile nav::after{ opacity:1; }

/* §15 Typographie — le tracking depend de la taille : on resserre quand le texte grossit,
   on laisse le corps a zero, on ouvre legerement les petits caracteres. */
h1, .hero h1, .hero--banniere h1{ letter-spacing:-.022em; line-height:1.04; font-optical-sizing:auto; }
h2{ letter-spacing:-.016em; line-height:1.12; }
h3{ letter-spacing:-.010em; line-height:1.20; }
h4, h5{ letter-spacing:-.004em; }
p, li{ line-height:1.6; }
small, figcaption, .fin, .note, .mention{ letter-spacing:.012em; }
.btn{ letter-spacing:.004em; }

/* §2/§6 Glisse — curseur de prise sur les pistes horizontales (le moteur est dans apple-upgrade.js) */
.ap-piste{ cursor: grab; scroll-behavior:auto; }
.ap-piste.ap-prise{ cursor: grabbing; user-select:none; }
.ap-piste.ap-prise *{ pointer-events:none; }

/* §14 Accessibilite — trois signaux independants */
@media (prefers-reduced-motion: reduce){
  *, *::before, *::after{
    animation-duration:.01ms !important; animation-iteration-count:1 !important;
    transition-duration:120ms !important; scroll-behavior:auto !important;
  }
  .btn:hover{ transform:none; }
}
@media (prefers-reduced-transparency: reduce){
  nav{ background:#101317; -webkit-backdrop-filter:none; backdrop-filter:none; }
  nav::after{ display:none; }
}
@media (prefers-contrast: more){
  nav{ background:#0C0E11; border-bottom:1px solid rgba(255,255,255,.28); }
  .btn{ border-width:2px; }
}