/* ============================================================
   NOGI — PEAUFINAGE premium · chorégraphie d'entrée (toutes pages)
   N'enlève rien : améliore la finition perçue.
   ============================================================ */

/* --- Titres : révélation mot par mot depuis un masque (hero + titres de page) --- */
.nogi .wl{display:inline-block;overflow:hidden;vertical-align:bottom;line-height:1.05}
.nogi-js .nogi .wl i{display:inline-block;font-style:inherit;transform:translateY(118%);transition:transform 1.05s var(--ease)}
.nogi-loaded .nogi .wl i{transform:none}

/* --- Rideau : images de héro (accueil + catégorie) --- */
.nogi-js .nogi .hero .slide.on .bg,
.nogi-js .nogi .nogi-cat-hero .chb{clip-path:inset(0 0 100% 0)}
.nogi-loaded .nogi .hero .slide.on .bg,
.nogi-loaded .nogi .nogi-cat-hero .chb{clip-path:inset(0 0 0 0);transition:clip-path 1.4s var(--ease)}

/* on neutralise les anciennes montées CSS des titres/héros remplacés par les masques */
.nogi .hero .slide.on .hero-txt h1{opacity:1!important;animation:none!important}
.nogi .nogi-cat-hero .eyebrow,.nogi .nogi-cat-hero h1,.nogi .nogi-cat-hero p,.nogi .nogi-cat-hero .chn{opacity:1!important;animation:none!important}

/* --- Entrée en fondu-montée des blocs clés au chargement --- */
.nogi-js .nogi.single-product .woocommerce-product-gallery,
.nogi-js .nogi.single-product .summary.entry-summary,
.nogi-js .nogi .nogi-cat-hero .chi,
.nogi-js .nogi .nogi-cart-head,
.nogi-js .nogi .nogi-account-head,
.nogi-js .nogi.woocommerce-checkout .nogi-check-trust{opacity:0;transform:translateY(18px)}
.nogi-loaded .nogi.single-product .woocommerce-product-gallery,
.nogi-loaded .nogi.single-product .summary.entry-summary,
.nogi-loaded .nogi .nogi-cat-hero .chi,
.nogi-loaded .nogi .nogi-cart-head,
.nogi-loaded .nogi .nogi-account-head,
.nogi-loaded .nogi.woocommerce-checkout .nogi-check-trust{opacity:1;transform:none;transition:opacity .9s var(--ease) .15s,transform .9s var(--ease) .15s}
/* léger décalage entre galerie et résumé (fiche produit) */
.nogi-loaded .nogi.single-product .summary.entry-summary{transition-delay:.28s}

/* --- Boutons magnétiques du hero --- */
.nogi .hero .nbtn{transition:transform .35s var(--ease),background-position .55s var(--ease),color .45s var(--ease)}
.nogi .hero .nbtn.full{transition:transform .35s var(--ease),background .45s var(--ease)}

/* --- Entrée du header + micro-détails --- */
.nogi-js .nogi .nogi-header .nav{opacity:0;transform:translateY(-8px)}
.nogi-loaded .nogi .nogi-header .nav{opacity:1;transform:none;transition:opacity .8s var(--ease) .1s,transform .8s var(--ease) .1s}
html{scroll-behavior:smooth}
.nogi a:focus-visible,.nogi button:focus-visible,.nogi input:focus-visible,.nogi select:focus-visible{outline:2px solid var(--rose-deep);outline-offset:3px}
.nogi ::selection{background:var(--blush);color:var(--wine)}

@media(prefers-reduced-motion:reduce){
  .nogi-js .nogi .wl i{transform:none;transition:none}
  .nogi-js .nogi .hero .slide.on .bg,.nogi-js .nogi .nogi-cat-hero .chb{clip-path:none}
  .nogi-js .nogi.single-product .woocommerce-product-gallery,.nogi-js .nogi.single-product .summary.entry-summary,.nogi-js .nogi .nogi-cat-hero .chi,.nogi-js .nogi .nogi-cart-head,.nogi-js .nogi .nogi-account-head,.nogi-js .nogi.woocommerce-checkout .nogi-check-trust,.nogi-js .nogi .nogi-header .nav{opacity:1;transform:none}
}