/*
Theme Name: Weed Corner (enfant Astra)
Template: astra
Version: 1.2.0
Description: Theme enfant Astra pour weedcorner.fr. DA validee le 02/08/2026 : vert profond + accent ambre unique. Polices chargees en local (RGPD, aucun appel a fonts.googleapis).
Author: Site Factory
*/

/* =========================================================================
   MIROIR LOCAL — /Users/diezowee/projets/weedcorner/theme/weedcorner-child/
   Destination serveur :
   /home/cbdcgjfa/w33dcorner.fr/wp-content/themes/weedcorner-child/style.css

   Motifs d'interaction adaptes de la design-bank (Aceternity : Focus Cards,
   Card Spotlight, Direction Aware Hover). La banque etant React/Tailwind,
   rien n'a pu etre repris tel quel : les motifs sont reimplementes en CSS pur,
   conformement a sa propre regle "CSS-only > framer-motion > lib lourde".
   ========================================================================= */


/* -------------------------------------------------------------------------
   1. POLICES LOCALES (woff2, sous-ensemble latin)
   ------------------------------------------------------------------------- */
@font-face{font-family:'Jost';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/jost-400.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Jost';font-style:normal;font-weight:600;font-display:swap;src:url('fonts/jost-600.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Source Serif 4';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/sourceserif-400.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Source Serif 4';font-style:normal;font-weight:600;font-display:swap;src:url('fonts/sourceserif-600.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}


/* -------------------------------------------------------------------------
   2. JETONS — vert profond + ambre unique
   ------------------------------------------------------------------------- */
:root{
  --wc-pine:#2E4739;
  --wc-pine-lift:#3D5D4A;
  --wc-pine-deep:#22362B;
  --wc-amber:#B07A22;
  --wc-amber-lift:#C68F32;
  --wc-amber-soft:#EFE2C8;
  --wc-ink:#1C201C;
  --wc-ink-soft:#565C54;
  --wc-ink-faint:#8A9088;
  --wc-ground:#EDEAE3;
  --wc-surface:#F7F5F0;
  --wc-white:#FFFFFF;
  --wc-rule:#D4D0C6;
  --wc-alert:#9B3B2E;

  --wc-r:3px;                       /* rayon unique, discret */
  --wc-shadow:0 1px 2px rgba(28,32,28,.05);
  --wc-shadow-lift:0 8px 24px -8px rgba(28,32,28,.18);
  --wc-ease:cubic-bezier(.22,.61,.36,1);

  --ast-global-color-0:#2E4739;
  --ast-global-color-1:#B07A22;
  --ast-global-color-2:#1C201C;
  --ast-global-color-3:#565C54;
  --ast-global-color-4:#F7F5F0;
  --ast-global-color-5:#FFFFFF;
  --ast-global-color-6:#EDEAE3;
  --ast-global-color-7:#EFE2C8;
  --ast-global-color-8:#2E4739;
}


/* -------------------------------------------------------------------------
   3. TYPOGRAPHIE
   ------------------------------------------------------------------------- */
body{
  font-family:'Source Serif 4',Charter,Georgia,serif;
  color:var(--wc-ink-soft);
  font-size:17px;
  line-height:1.62;
  background:var(--wc-white);
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3,h4,h5,h6,
.site-title,.ast-site-title-wrap .site-title a,
.woocommerce-loop-product__title,
.product_title,
.wp-block-button__link,
.ast-button,.button,button,input[type=submit]{
  font-family:'Jost','Helvetica Neue',Arial,sans-serif;
}
h1,h2,h3,h4,h5,h6{
  font-weight:600;letter-spacing:-.015em;color:var(--wc-ink);text-wrap:balance;
}
h1{font-size:clamp(1.9rem,4.5vw,2.9rem);line-height:1.08;}
h2{font-size:clamp(1.35rem,2.8vw,1.8rem);line-height:1.18;margin-top:2.2em;}
h3{font-size:1.1rem;line-height:1.3;margin-top:1.8em;}
p{max-width:40em;}

a{color:var(--wc-pine);text-underline-offset:.15em;transition:color .18s var(--wc-ease);}
a:hover,a:focus{color:var(--wc-amber);}
:focus-visible{outline:2px solid var(--wc-amber);outline-offset:2px;border-radius:2px;}


/* -------------------------------------------------------------------------
   4. BOUTONS — un seul accent
   ------------------------------------------------------------------------- */
.ast-button,.button,button,input[type=submit],.wp-block-button__link,
.woocommerce a.button,.woocommerce button.button,.woocommerce .button.alt,
.woocommerce #respond input#submit{
  background-color:var(--wc-pine);
  border:1px solid var(--wc-pine);
  color:#fff;
  border-radius:var(--wc-r);
  font-weight:600;
  letter-spacing:.01em;
  transition:background-color .18s var(--wc-ease),border-color .18s var(--wc-ease),transform .18s var(--wc-ease);
}
.ast-button:hover,.button:hover,button:hover,input[type=submit]:hover,
.wp-block-button__link:hover,.woocommerce a.button:hover,
.woocommerce button.button:hover,.woocommerce .button.alt:hover{
  background-color:var(--wc-amber);
  border-color:var(--wc-amber);
  color:#fff;
  transform:translateY(-1px);
}
.button.is-style-outline,.wp-block-button.is-style-outline .wp-block-button__link{
  background:transparent;color:var(--wc-pine);border-color:var(--wc-rule);
}
.button.is-style-outline:hover,.wp-block-button.is-style-outline .wp-block-button__link:hover{
  background:var(--wc-pine);color:#fff;border-color:var(--wc-pine);
}


/* -------------------------------------------------------------------------
   5. LISTES, TABLEAUX, CITATIONS — pages boutiques et glossaire
   ------------------------------------------------------------------------- */
.entry-content ul{padding-left:1.15em;}
.entry-content ul li{margin-bottom:.55em;}
.entry-content ul li::marker{color:var(--wc-amber);}

.entry-content table,.wp-block-table table{
  border-collapse:collapse;width:100%;font-size:.94em;
  border:1px solid var(--wc-rule);background:var(--wc-surface);
}
.entry-content table th,.entry-content table td,
.wp-block-table th,.wp-block-table td{
  border-bottom:1px solid var(--wc-rule);padding:.7em .9em;text-align:left;vertical-align:top;
}
.entry-content table th,.wp-block-table th{
  font-family:'Jost',sans-serif;font-size:.74em;letter-spacing:.1em;text-transform:uppercase;
  color:var(--wc-ink-faint);font-weight:400;background:var(--wc-ground);white-space:nowrap;
}
.entry-content table td,.wp-block-table td{font-variant-numeric:tabular-nums;}
.entry-content table tr:last-child td{border-bottom:0;}
.wp-block-table{overflow-x:auto;}
@media(max-width:782px){.entry-content table{display:block;overflow-x:auto;}}

/* Tableau d'horaires : la colonne jour tient, la colonne horaire s'aligne */
.wp-block-table td:first-child{font-family:'Jost',sans-serif;font-weight:600;color:var(--wc-ink);width:11em;}


/* -------------------------------------------------------------------------
   6. BADGE DE CONFORMITE — le positionnement de la marque, rendu visible
   Applique automatiquement par functions.php sur toute mention "THC < 0,3 %".
   ------------------------------------------------------------------------- */
.wc-conformite{
  display:inline-flex;align-items:center;gap:.5em;
  font-family:'Jost',sans-serif;font-size:.78rem;font-weight:600;
  letter-spacing:.02em;line-height:1.3;
  color:var(--wc-pine-deep);background:var(--wc-amber-soft);
  border:1px solid rgba(176,122,34,.35);
  border-radius:var(--wc-r);padding:.42em .7em;
}
.wc-conformite::before{
  content:"";width:.5em;height:.5em;border-radius:50%;
  background:var(--wc-pine);flex:none;
}


/* -------------------------------------------------------------------------
   7. GRILLE PRODUITS — motif "Focus Cards" en CSS pur
   Au survol d'une carte, les autres reculent legerement. Aucune dependance JS.
   ------------------------------------------------------------------------- */
.woocommerce ul.products{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));
  gap:1.5rem;margin:0;padding:0;list-style:none;
}
.woocommerce ul.products::before,.woocommerce ul.products::after{content:none;}

.woocommerce ul.products li.product{
  width:auto!important;margin:0!important;float:none!important;
  display:flex;flex-direction:column;
  background:var(--wc-white);
  border:1px solid var(--wc-rule);
  border-radius:var(--wc-r);
  padding:0 0 1rem;
  overflow:hidden;
  transition:border-color .22s var(--wc-ease),box-shadow .22s var(--wc-ease),
             transform .22s var(--wc-ease),opacity .22s var(--wc-ease),filter .22s var(--wc-ease);
}
.woocommerce ul.products li.product img{
  margin:0 0 .9rem;width:100%;height:auto;display:block;
  transition:transform .4s var(--wc-ease);
}
.woocommerce ul.products li.product:hover img{transform:scale(1.03);}

.woocommerce ul.products li.product:hover{
  border-color:var(--wc-pine);
  box-shadow:var(--wc-shadow-lift);
  transform:translateY(-3px);
}
/* Focus Cards : les soeurs non survolees reculent */
@media (hover:hover) and (min-width:783px){
  .woocommerce ul.products:has(li.product:hover) li.product:not(:hover){
    opacity:.62;filter:saturate(.85);
  }
}

.woocommerce ul.products li.product .woocommerce-loop-product__title{
  font-size:.98rem!important;font-weight:600;line-height:1.28;
  color:var(--wc-ink);padding:0 1rem;margin:0 0 .35rem;
}
.woocommerce ul.products li.product .price{
  font-family:'Jost',sans-serif;font-weight:600;font-size:1.02rem;
  color:var(--wc-pine);font-variant-numeric:tabular-nums;
  padding:0 1rem;margin:0 0 .8rem;display:block;
}
.woocommerce ul.products li.product .price del{color:var(--wc-ink-faint);font-weight:400;margin-right:.4em;}
.woocommerce ul.products li.product .price ins{text-decoration:none;color:var(--wc-alert);}
.woocommerce ul.products li.product .button{margin:auto 1rem 0;text-align:center;}

/* Pastille promo : sobre, jamais criarde */
.woocommerce span.onsale{
  background:var(--wc-amber);color:#fff;
  font-family:'Jost',sans-serif;font-size:.7rem;font-weight:600;
  letter-spacing:.06em;text-transform:uppercase;
  border-radius:var(--wc-r);padding:.3em .6em;min-height:0;min-width:0;
  line-height:1.4;top:.7rem;left:.7rem;right:auto;margin:0;
}


/* -------------------------------------------------------------------------
   8. FICHE PRODUIT
   ------------------------------------------------------------------------- */
.single-product div.product .product_title{
  font-size:clamp(1.6rem,3.4vw,2.3rem);line-height:1.1;margin-bottom:.5rem;
}
.single-product div.product .price{
  font-family:'Jost',sans-serif;font-size:1.6rem;font-weight:600;
  color:var(--wc-pine);font-variant-numeric:tabular-nums;margin-bottom:1rem;
}
.single-product div.product .woocommerce-product-details__short-description{
  font-size:1.06rem;line-height:1.6;color:var(--wc-ink-soft);
  border-left:3px solid var(--wc-amber);
  padding:.2rem 0 .2rem 1.1rem;margin-bottom:1.6rem;
}
.single-product div.product .woocommerce-product-details__short-description p:last-child{margin-bottom:0;}

/* Les h3 de nos descriptions reecrites : nez / texture / taux / conservation / COA */
.woocommerce-Tabs-panel h3,
.single-product .entry-content h3{
  font-size:1.02rem;letter-spacing:.01em;color:var(--wc-ink);
  margin-top:1.9em;padding-top:.9em;border-top:1px solid var(--wc-rule);
}
.woocommerce-Tabs-panel h3:first-child,
.single-product .entry-content h3:first-child{margin-top:0;padding-top:0;border-top:0;}

/* Onglets : filet ambre sur l'onglet actif, pas de fond colore */
.woocommerce div.product .woocommerce-tabs ul.tabs{padding:0;margin:0 0 1.6rem;border-bottom:1px solid var(--wc-rule);}
.woocommerce div.product .woocommerce-tabs ul.tabs::before{border:0;}
.woocommerce div.product .woocommerce-tabs ul.tabs li{
  background:transparent;border:0;border-radius:0;margin:0 1.4rem 0 0;padding:0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li::after{content:none;}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{
  font-family:'Jost',sans-serif;font-weight:600;font-size:.86rem;
  letter-spacing:.06em;text-transform:uppercase;
  color:var(--wc-ink-faint);padding:.7rem 0;display:block;
  border-bottom:2px solid transparent;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a,
.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover{
  color:var(--wc-ink);border-bottom-color:var(--wc-amber);
}

/* Galerie */
.woocommerce div.product div.images img{border-radius:var(--wc-r);}

/* Quantite + panier alignes */
.woocommerce div.product form.cart{display:flex;flex-wrap:wrap;gap:.7rem;align-items:center;}
.woocommerce .quantity .qty{
  border:1px solid var(--wc-rule);border-radius:var(--wc-r);
  padding:.6em .5em;font-family:'Jost',sans-serif;font-variant-numeric:tabular-nums;
  background:var(--wc-white);color:var(--wc-ink);
}

/* Produits liés */
.related.products > h2,.up-sells > h2{
  font-size:1.25rem;padding-top:1.6rem;border-top:1px solid var(--wc-rule);
}


/* -------------------------------------------------------------------------
   9. PAGE BOUTIQUE / ARCHIVE
   ------------------------------------------------------------------------- */
.woocommerce .woocommerce-result-count,
.woocommerce .woocommerce-ordering select{
  font-family:'Jost',sans-serif;font-size:.85rem;color:var(--wc-ink-soft);
}
.woocommerce nav.woocommerce-pagination ul{border:0;gap:.35rem;display:inline-flex;}
.woocommerce nav.woocommerce-pagination ul li{border:0;}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span{
  font-family:'Jost',sans-serif;font-weight:600;
  border:1px solid var(--wc-rule);border-radius:var(--wc-r);
  min-width:2.4em;padding:.5em .7em;background:var(--wc-white);color:var(--wc-ink-soft);
}
.woocommerce nav.woocommerce-pagination ul li span.current{
  background:var(--wc-pine);border-color:var(--wc-pine);color:#fff;
}
.woocommerce nav.woocommerce-pagination ul li a:hover{
  border-color:var(--wc-amber);color:var(--wc-amber);background:var(--wc-white);
}

/* Descriptif de categorie : c'est du contenu, pas de la decoration */
.woocommerce .term-description{
  background:var(--wc-surface);border:1px solid var(--wc-rule);border-radius:var(--wc-r);
  padding:1.4rem 1.6rem;margin-bottom:2rem;
}
.woocommerce .term-description p:last-child{margin-bottom:0;}


/* -------------------------------------------------------------------------
   10. PAGES BOUTIQUES LOCALES — bandeau d'identite
   ------------------------------------------------------------------------- */
.page-parent-nos-boutiques .entry-content > ul:first-of-type,
.wc-shop-facts{
  background:var(--wc-surface);
  border:1px solid var(--wc-rule);
  border-left:3px solid var(--wc-pine);
  border-radius:var(--wc-r);
  padding:1.2rem 1.4rem;
  list-style:none;
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));
  gap:.7rem 1.6rem;
}
.page-parent-nos-boutiques .entry-content > ul:first-of-type li{margin-bottom:0;}
.page-parent-nos-boutiques .entry-content > ul:first-of-type li::marker{content:none;}


/* -------------------------------------------------------------------------
   11. GLOSSAIRE — confort de lecture long
   ------------------------------------------------------------------------- */
.single-post .entry-content{font-size:1.04rem;}
.single-post .entry-content p{max-width:38em;}
.single-post .entry-content h2{
  padding-top:.6em;border-top:1px solid var(--wc-rule);
}
.single-post .entry-content h2:first-of-type{border-top:0;padding-top:0;}
.entry-content sub,.entry-content sup{font-size:.72em;}


/* -------------------------------------------------------------------------
   12. EN-TETE, PIED DE PAGE, DIVERS
   ------------------------------------------------------------------------- */
.site-header{border-bottom:1px solid var(--wc-rule);}
.main-header-menu a{font-family:'Jost',sans-serif;font-weight:600;letter-spacing:.02em;font-size:.92rem;}
.main-header-menu .current-menu-item > a{color:var(--wc-pine);}
.site-footer,.ast-small-footer{background:var(--wc-ground);border-top:1px solid var(--wc-rule);color:var(--wc-ink-soft);}
.site-footer a{color:var(--wc-pine);}

.wp-block-separator{border:0;border-top:1px solid var(--wc-rule);max-width:100%;}
.breadcrumbs,.seopress-breadcrumbs{
  font-family:'Jost',sans-serif;font-size:.8rem;color:var(--wc-ink-faint);letter-spacing:.02em;
}


/* -------------------------------------------------------------------------
   13. ACCESSIBILITE ET MOUVEMENT
   ------------------------------------------------------------------------- */
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;}
  .woocommerce ul.products li.product:hover{transform:none;}
  .woocommerce ul.products li.product:hover img{transform:none;}
}
.screen-reader-text:focus{background:var(--wc-white);color:var(--wc-ink);outline:2px solid var(--wc-amber);}


/* =========================================================================
   14. COUCHE DE MOUVEMENT — pilotée par assets/js/wc-motion.js
   Le JS ne fait que poser des classes et des variables CSS. Tout le rendu
   est ici, donc composé par le GPU (opacity / transform uniquement).
   Réglage : classe sur <body> — wc-motion-sobre | wc-motion-standard | wc-motion-max
   ========================================================================= */

/* --- 14.1 Révélation au défilement --------------------------------------- */
.wc-reveal{
  opacity:0;transform:translate3d(0,14px,0);
  transition:opacity .5s var(--wc-ease),transform .5s var(--wc-ease);
  will-change:opacity,transform;
}
.wc-reveal.wc-in{opacity:1;transform:none;will-change:auto;}

/* --- 14.2 Spotlight sur les cartes ---------------------------------------
   Une lueur ambre suit le curseur. Rendue par un pseudo-élément en
   superposition : la carte elle-même n'est jamais repeinte.              */
.woocommerce ul.products li.product,.wc-card{position:relative;isolation:isolate;}
.woocommerce ul.products li.product::after,.wc-card::after{
  content:"";position:absolute;inset:0;pointer-events:none;z-index:1;
  border-radius:inherit;opacity:0;transition:opacity .28s var(--wc-ease);
  background:radial-gradient(
    16rem circle at var(--mx,50%) var(--my,50%),
    rgba(176,122,34,.16),
    rgba(176,122,34,.05) 42%,
    transparent 68%
  );
}
.woocommerce ul.products li.product.wc-lit::after,.wc-card.wc-lit::after{opacity:1;}

/* Filet lumineux sur le bord haut, au survol */
.woocommerce ul.products li.product::before{
  content:"";position:absolute;top:0;left:0;right:0;height:2px;z-index:2;
  background:linear-gradient(90deg,transparent,var(--wc-amber),transparent);
  transform:scaleX(0);transform-origin:50% 50%;
  transition:transform .4s var(--wc-ease);
}
.woocommerce ul.products li.product:hover::before{transform:scaleX(1);}

/* --- 14.3 Boutons aimantés ----------------------------------------------- */
.single_add_to_cart_button,.wc-magnetic,.wp-block-button__link{
  transition:background-color .18s var(--wc-ease),border-color .18s var(--wc-ease),
             transform .25s var(--wc-ease);
}

/* --- 14.4 Barre de progression de lecture -------------------------------- */
.wc-progress{
  position:fixed;top:0;left:0;right:0;height:2px;z-index:9999;
  background:var(--wc-amber);transform:scaleX(0);transform-origin:0 50%;
  pointer-events:none;
}

/* --- 14.5 En-tête au défilement ------------------------------------------ */
body.wc-scrolled .site-header{
  box-shadow:0 1px 0 var(--wc-rule),0 6px 20px -12px rgba(28,32,28,.28);
}
body.wc-scrolled .site-header .site-logo-img img,
body.wc-scrolled .site-header .custom-logo-link img{
  transform:scale(.9);transition:transform .3s var(--wc-ease);
}

/* --- 14.6 Barre d'achat collante (fiche produit) -------------------------
   Hors flux, translatée hors écran par défaut : aucun décalage de mise
   en page, donc aucun impact CLS.                                        */
.wc-stickybuy{
  position:fixed;left:0;right:0;bottom:0;z-index:9998;
  background:var(--wc-white);border-top:1px solid var(--wc-rule);
  box-shadow:0 -8px 24px -14px rgba(28,32,28,.3);
  transform:translate3d(0,110%,0);
  transition:transform .32s var(--wc-ease);
  padding:.7rem 1rem calc(.7rem + env(safe-area-inset-bottom,0px));
}
body.wc-stickybuy-on .wc-stickybuy{transform:none;}
.wc-stickybuy__in{
  max-width:70rem;margin:0 auto;display:flex;align-items:center;
  justify-content:space-between;gap:1rem;
}
.wc-stickybuy__txt{display:flex;flex-direction:column;min-width:0;}
.wc-stickybuy__t{
  font-family:'Jost',sans-serif;font-weight:600;font-size:.92rem;color:var(--wc-ink);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.wc-stickybuy__p{
  font-family:'Jost',sans-serif;font-weight:600;font-size:1.02rem;color:var(--wc-pine);
  font-variant-numeric:tabular-nums;
}
.wc-stickybuy__btn{
  flex:none;background:var(--wc-pine);border:1px solid var(--wc-pine);color:#fff;
  font-family:'Jost',sans-serif;font-weight:600;font-size:.88rem;
  border-radius:var(--wc-r);padding:.7em 1.4em;cursor:pointer;
  transition:background-color .18s var(--wc-ease),border-color .18s var(--wc-ease);
}
.wc-stickybuy__btn:hover{background:var(--wc-amber);border-color:var(--wc-amber);}

/* --- 14.7 Ticker de réassurance ------------------------------------------
   Bandeau défilant. Le contenu est dupliqué par le JS pour boucler sans
   couture. Animation en translate : composée par le GPU.                 */
.wc-ticker{
  display:flex;overflow:hidden;user-select:none;
  background:var(--wc-pine);color:#fff;
  border-bottom:1px solid var(--wc-pine-deep);
  mask-image:linear-gradient(90deg,transparent,#000 4rem,#000 calc(100% - 4rem),transparent);
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 4rem,#000 calc(100% - 4rem),transparent);
}
.wc-ticker__track{
  flex:none;display:flex;align-items:center;gap:2.6rem;
  padding:.6rem 1.3rem;white-space:nowrap;
  font-family:'Jost',sans-serif;font-size:.76rem;font-weight:600;
  letter-spacing:.1em;text-transform:uppercase;
  animation:wc-ticker-run 34s linear infinite;
}
.wc-ticker:hover .wc-ticker__track{animation-play-state:paused;}
.wc-ticker__track span{display:inline-flex;align-items:center;gap:.55rem;}
.wc-ticker__track span::before{
  content:"";width:.34rem;height:.34rem;border-radius:50%;
  background:var(--wc-amber);flex:none;
}
@keyframes wc-ticker-run{from{transform:translate3d(0,0,0);}to{transform:translate3d(-100%,0,0);}}

/* --- 14.8 Compteurs ------------------------------------------------------ */
[data-count]{font-variant-numeric:tabular-nums;font-family:'Jost',sans-serif;font-weight:600;}

/* --- 14.9 Niveaux d'intensité -------------------------------------------- */
body.wc-motion-sobre .woocommerce ul.products li.product::after,
body.wc-motion-sobre .woocommerce ul.products li.product::before,
body.wc-motion-sobre .wc-ticker,
body.wc-motion-sobre .wc-progress{display:none;}
body.wc-motion-sobre .woocommerce ul.products li.product:hover{transform:none;}

body.wc-motion-max .woocommerce ul.products li.product:hover{transform:translateY(-5px) scale(1.012);}
body.wc-motion-max .woocommerce ul.products li.product::after{
  background:radial-gradient(
    20rem circle at var(--mx,50%) var(--my,50%),
    rgba(176,122,34,.24),rgba(176,122,34,.08) 45%,transparent 70%);
}

/* --- 14.10 Mouvement réduit : tout est neutralisé ------------------------ */
@media(prefers-reduced-motion:reduce){
  .wc-reveal{opacity:1!important;transform:none!important;transition:none!important;}
  .wc-ticker__track{animation:none;}
  .wc-progress{display:none;}
  .woocommerce ul.products li.product::after,
  .woocommerce ul.products li.product::before{display:none;}
  .wc-stickybuy{transition:none;}
}

/* Sans JS : rien ne doit jamais rester invisible */
html:not(.js) .wc-reveal,body:not(.wc-motion-ready) .wc-reveal{opacity:1;transform:none;}