/* The Warehouse — styles pour animations.js (curseur, grain, tilt/verre, split-flap, transitions).
   100% noir/blanc/gris — aucune couleur. Désactivé automatiquement sur tactile / reduced-motion. */

/* ── Transitions de page natives (progressive enhancement, no-op si non supporté) ── */
@view-transition { navigation: auto; }
::view-transition-old(root) { animation: tw-vt-out .38s cubic-bezier(.4,0,.2,1) both; }
::view-transition-new(root) { animation: tw-vt-in .42s cubic-bezier(.16,1,.3,1) both; }
@keyframes tw-vt-out { to { opacity:0; transform:scale(.985); } }
@keyframes tw-vt-in { from { opacity:0; transform:scale(1.015); } }

/* Curseur custom retiré 2026-09-24 (retour utilisateur : "j'aime pas") — le curseur système reprend la main. */

/* ── Grain filmique (overlay fixe, très léger) ── */
#tw-grain {
  position:fixed; inset:-60px; z-index:9998; pointer-events:none;
  opacity:.035; mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  background-size:120px 120px;
  animation:tw-grain-shift 1s steps(6) infinite;
}
@keyframes tw-grain-shift {
  0%{transform:translate(0,0)} 20%{transform:translate(-8%,4%)} 40%{transform:translate(6%,-6%)}
  60%{transform:translate(-4%,8%)} 80%{transform:translate(8%,2%)} 100%{transform:translate(0,0)}
}
@media (prefers-reduced-motion:reduce){ #tw-grain{ animation:none; } }

/* ── Cartes prix : verre + profondeur 3D (réutilise les tokens --gl-* de glass.css) ── */
.prices-grid { perspective:1400px; }
.price-card[data-tilt] {
  transform-style:preserve-3d; will-change:transform;
  background:var(--gl,rgba(255,255,255,.72));
  -webkit-backdrop-filter:blur(18px) saturate(180%);
  backdrop-filter:blur(18px) saturate(180%);
}

/* ── Barre de progression de lecture ── */
#tw-progress {
  position:fixed; top:0; left:0; right:0; height:2px; z-index:10000;
  background:#1D1D1F; transform-origin:0 50%; transform:scaleX(0);
  pointer-events:none;
}

/* ── Compteurs split-flap ── */
.tw-flap { display:inline-flex; font-family:'Bricolage Grotesque',monospace; font-variant-numeric:tabular-nums; }
.tw-flap-d {
  display:inline-block; min-width:.62em; text-align:center;
}