/* ════════════════════════════════════════════════════════════════
   ITOUKEI Premium UI — layout/mise en page (généré 2026-05-30)
   Layout-only. NE MODIFIE AUCUN PRODUIT (Printful). Consolidé : shop+produit+panier+checkout+contact.
   ════════════════════════════════════════════════════════════════ */

/* ===== SOURCE: shop-redesign/shop-premium.css ===== */
/* ════════════════════════════════════════════════════════════════
   ITOUKEI — SHOP LISTING PREMIUM  (v1 — staging, à pousser après validation)
   Cible les classes WooCommerce RÉELLES de la page /shop/.
   À APPENDRE à la fin de wp-content/themes/itoukei-brutal/style.css
   (ou à enqueue séparément). Additif/override — n'écrase rien d'autre.
   Palette : Paper #D0CCC0 · Noir #000 · Jaune #F5C900
   ════════════════════════════════════════════════════════════════ */

/* ── 0b. DE-BRUTALISATION GLOBALE DES TITRES (DS) — Impact -> Space Grotesk sentence-case.
   Univers (2079) = scrollsequence sans aucun h1/h2 -> non affecté.
   Home hero = .itk-x .itk-hero2__title (spécificité supérieure) -> non affecté.
   Les titres WC (.section-title, .product_title…) ont leurs propres règles plus bas. ── */
/* `body` prefix = spécificité (0,0,2) pour battre `premium.css h1{Impact!important}` (0,0,1) au tie. */
body h1, body h2, body h3, body h4, body h5, body h6{
  font-family:'Space Grotesk',system-ui,sans-serif!important;
  text-transform:none!important;font-weight:500!important;letter-spacing:-.01em!important;
}
/* Titre de page standard : taille éditoriale (évite le h1 Impact géant 140px) */
body.page-template-default:not(.home) h1{
  font-family:'Space Grotesk',system-ui,sans-serif!important;
  font-weight:400!important;font-size:clamp(2rem,5vw,3.4rem)!important;
  line-height:1.06!important;letter-spacing:-.02em!important;
}
/* Sous-titres WC (panier/checkout/compte : « Détails de facturation »…) : `.woocommerce h3`
   (0,1,1) battait `body h3` -> on passe à (0,1,2). */
body.woocommerce-page h1, body.woocommerce-page h2, body.woocommerce-page h3,
body.woocommerce-page h4, body.woocommerce-page h5, body.woocommerce-page h6{
  font-family:'Space Grotesk',system-ui,sans-serif!important;text-transform:none!important;
}

/* ── 0c. NAV : état actif lisible (texte #0a0a0a sur fond noir = invisible).
   ID dans le sélecteur pour battre la règle de base `#itoukei-nav a`. ── */
#itoukei-nav a.active,
#itoukei-nav .current-menu-item > a,
#itoukei-nav .current_page_item > a,
header a.active, nav a.active{
  color:#D0CCC0!important;
}

/* ── 1. FIL D'ARIANE (rendu par woocommerce_breadcrumb dans woocommerce.php) ── */
.woocommerce-breadcrumb{
  font-family:var(--font-m);font-size:11px;letter-spacing:2px;text-transform:uppercase;
  color:rgba(0,0,0,.55);padding:20px 24px 0;margin:0;
}
.woocommerce-breadcrumb a{color:rgba(0,0,0,.55);transition:color var(--transition-fast,.15s ease)}
.woocommerce-breadcrumb a:hover{color:var(--black)}

/* ── 2. BARRE TRI + COMPTEUR (WooCommerce output natif) ── */
.woocommerce-result-count,
.woocommerce-ordering{
  font-family:var(--font-m);font-size:11px;letter-spacing:1px;
  margin:0;padding:14px 24px;font-variant-numeric:tabular-nums;
}
.woocommerce-ordering{float:right}
.woocommerce-result-count{color:rgba(0,0,0,.55)}
.woocommerce-ordering select,
.orderby{
  font-family:var(--font-b);font-size:12px;font-weight:600;letter-spacing:1px;text-transform:uppercase;
  background:var(--white);border:var(--border-t);padding:10px 14px;cursor:pointer;min-height:44px;border-radius:0;
}

/* ── 3. FILTRE CATÉGORIES (rendu par le shortcode/menu dans woocommerce.php) ── */
.itk-shop-cats{display:flex;flex-wrap:wrap;gap:0;border-top:var(--border);border-bottom:var(--border);margin:0}
.itk-shop-cats a{
  font-family:var(--font-m);font-size:11px;letter-spacing:2px;text-transform:uppercase;
  padding:16px 18px;border-right:var(--border-t);transition:background var(--transition-fast,.15s ease),color .15s;
}
.itk-shop-cats a:hover{background:#C8C4B8}
.itk-shop-cats a.itk-cat-active{background:var(--black);color:var(--yellow)}

/* ── 4. CARTES PRODUITS — améliorations sur l'existant ── */
ul.products li.product{position:relative;transition:background var(--transition-med,.3s ease)}
ul.products li.product:hover{background:#fff}

/* image : zoom subtil + easing long (premium, pas "busy") */
ul.products li.product a img{transition:transform .7s cubic-bezier(.2,.7,.2,1)}
ul.products li.product:hover a img{transform:scale(1.04)}

/* Cartes sans badge promo — client : pas de NEW/SALE/BEST.
   Badge SALE natif WooCommerce masqué ; seul « Épuisé » subsiste, discret (DS). */
ul.products li.product .onsale{display:none!important}
ul.products li.product .itk-stock-badge{
  position:absolute;top:12px;right:12px;z-index:2;margin:0;
  font-family:var(--font-m);font-size:9px;letter-spacing:2px;text-transform:uppercase;
  padding:4px 9px;border:var(--border-t);border-radius:0;min-height:0;line-height:1.4;
}
.itk-stock-badge--out{background:rgba(255,255,255,.82);color:rgba(17,17,17,.72)}

/* prix : chiffres tabulaires (alignement propre) */
ul.products li.product .price{font-variant-numeric:tabular-nums}

/* CTA éditorial : ghost hairline -> remplit à l'encre au survol/focus (visible aussi au tactile).
   !important pour battre premium.css `.woocommerce a.button{background:var(--itk-black)!important}`. */
ul.products li.product .button{
  width:100%!important;min-height:46px;display:inline-flex;align-items:center;justify-content:center;
  background:transparent!important;color:#111!important;border:1px solid #111!important;border-radius:0!important;
  font-family:var(--font-m)!important;font-size:11px!important;letter-spacing:2px!important;text-transform:uppercase!important;font-weight:500!important;
  transition:background .28s cubic-bezier(.2,.7,.2,1),color .28s,letter-spacing .28s!important;
}
ul.products li.product:hover .button,
ul.products li.product .button:hover,
ul.products li.product .button:focus-visible{background:#111!important;color:#D0CCC0!important;letter-spacing:2.6px!important}

/* produit épuisé : image désaturée */
ul.products li.product.outofstock a img{filter:grayscale(1) opacity(.55)}

/* ── 4b. DS : neutralise l'Impact uppercase forcé par le thème sur les titres injectés ── */
/* Titre de page WooCommerce (le thème cache h1.page-title et affiche .section-title en Impact 88px)
   -> Space Grotesk, sentence-case, fin, taille éditoriale. Scopé WC (n'affecte ni home ni Univers). */
body.woocommerce-page h1.page-title,
body.woocommerce-page .section-title{
  font-family:'Space Grotesk',system-ui,sans-serif!important;
  font-weight:400!important;text-transform:none!important;letter-spacing:-.02em!important;
  font-size:clamp(2.2rem,4.6vw,3.6rem)!important;line-height:1.04!important;
}
/* Titres de cartes produits (listing + home) — Space Grotesk, sentence-case, lisible */
ul.products li.product .woocommerce-loop-product__title{
  font-family:'Space Grotesk',system-ui,sans-serif!important;
  font-weight:500!important;text-transform:none!important;letter-spacing:0!important;
  font-size:15px!important;line-height:1.35!important;
}

/* ── 4c. POLISH PREMIUM : layout carte robuste + wishlist discrète + a11y ── */
/* Le plugin fixe une hauteur sur le lien -> titre/prix débordent et le bouton chevauche.
   height:auto + colonne flex => le lien contient image+titre+prix, le bouton passe dessous. */
ul.products li.product .woocommerce-LoopProduct-link{height:auto!important;display:flex!important;flex-direction:column}
ul.products li.product .woocommerce-loop-product__title{margin:14px 0 2px!important}
ul.products li.product .price{display:block;margin:0 0 14px!important}
/* Wishlist : discrète au repos, s'affirme au survol carte/bouton (jaune = actif) */
ul.products li.product .itk-wishlist-btn{
  position:absolute!important;top:10px;right:10px;z-index:3;width:40px;height:40px;
  display:inline-flex!important;align-items:center;justify-content:center;
  background:transparent!important;border:0!important;padding:0!important;cursor:pointer;
  color:rgba(17,17,17,.3)!important;transition:color .2s ease,transform .2s ease;
}
ul.products li.product:hover .itk-wishlist-btn{color:rgba(17,17,17,.55)!important}
ul.products li.product .itk-wishlist-btn:hover,
ul.products li.product .itk-wishlist-btn:focus-visible{color:#111!important;transform:scale(1.1)}
ul.products li.product .itk-wishlist-btn.is-active,
ul.products li.product .itk-wishlist-btn.active,
ul.products li.product .itk-wishlist-btn[aria-pressed="true"]{color:#F5C900!important}

/* ── 4d. DS FICHE PRODUIT : titres dé-brutalisés (Impact -> Space Grotesk sentence-case) ── */
body.single-product .product_title,
body.single-product .summary .product_title{
  font-family:'Space Grotesk',system-ui,sans-serif!important;
  font-weight:400!important;text-transform:none!important;letter-spacing:-.02em!important;
  font-size:clamp(1.7rem,3vw,2.4rem)!important;line-height:1.1!important;
}
.woocommerce .related.products > h2,
.woocommerce .upsells.products > h2,
.woocommerce-Tabs-panel > h2{
  font-family:'Space Grotesk',system-ui,sans-serif!important;
  font-weight:500!important;text-transform:none!important;letter-spacing:-.01em!important;
  font-size:clamp(1.4rem,2.4vw,2rem)!important;line-height:1.1!important;
}
/* Onglets produit : labels mono (DS) au lieu d'Inter uppercase */
.woocommerce-tabs ul.tabs li a{
  font-family:var(--font-m)!important;text-transform:uppercase!important;
  font-size:11px!important;letter-spacing:2px!important;font-weight:500!important;
}

/* ── 5. PAGINATION ── */
.woocommerce-pagination ul{display:flex;justify-content:center;gap:0;border:0;margin:40px auto}
.woocommerce-pagination ul li{border:0;margin:0}
.woocommerce-pagination ul li a,
.woocommerce-pagination ul li span{
  font-family:var(--font-m);font-size:13px;min-width:48px;min-height:48px;
  display:flex;align-items:center;justify-content:center;border:var(--border-t);margin-left:-1.5px;
  border-radius:0;background:transparent;transition:background var(--transition-fast,.15s ease);
}
.woocommerce-pagination ul li a:hover{background:#C8C4B8}
.woocommerce-pagination ul li span.current{background:var(--black);color:var(--yellow)}

/* ── 6. ÉTAT VIDE (catégorie sans produit) ── */
.woocommerce-info,.woocommerce-no-products-found{
  font-family:var(--font-m);font-size:13px;letter-spacing:1px;padding:48px 24px;text-align:center;
  border:0;background:transparent;color:rgba(0,0,0,.6);
}

/* ── GRILLE SHOP CALIBRÉE — cartes plus petites & mieux cadrées ──────────────
   PROBLÈME : premium.css force `repeat(3,1fr)!important` (spéc. 0,2,1) sur une grille
   PLEINE LARGEUR (1440px, sans conteneur) -> cartes ~458px, énormes, on en voit 3.
   FIX : spécificité 0,3,2 (`body.woocommerce-page ul.products.products`) pour battre
   premium + !important ; conteneur max-width 1400 aligné sur le fil d'Ariane (pad 24)
   + 4 colonnes desktop -> cartes ~320px. Échelle : 4 (desktop) / 3 (≤1024) / 2 (≤680).
   On ne descend JAMAIS à 1 colonne (premium @640 forçait 1 col géante sur mobile). */
body.woocommerce-page ul.products.products{
  max-width:1400px!important;
  grid-template-columns:repeat(4,1fr)!important;
  gap:clamp(16px,1.6vw,26px)!important;
  padding-inline:24px!important;
  box-sizing:border-box!important;
}
/* Titres de cartes : 2 lignes max -> hauteurs alignées dans la grille */
ul.products li.product .woocommerce-loop-product__title{
  display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
  min-height:2.7em;
}
@media(max-width:1024px){
  body.woocommerce-page ul.products.products{grid-template-columns:repeat(3,1fr)!important;gap:20px!important}
}
@media(max-width:680px){
  body.woocommerce-page ul.products.products{grid-template-columns:repeat(2,1fr)!important;gap:12px!important;padding-inline:14px!important}
  .woocommerce-ordering{float:none}
  .woocommerce-ordering,.woocommerce-result-count{display:block;padding:10px 16px}
  ul.products li.product .woocommerce-loop-product__title{font-size:14px!important}
}

/* ── ACCESSIBILITÉ ── */
ul.products li.product a:focus-visible,
.woocommerce-pagination a:focus-visible,
.itk-shop-cats a:focus-visible{outline:3px solid var(--yellow);outline-offset:2px}
@media(prefers-reduced-motion:reduce){
  ul.products li.product:hover a img{transform:none}
  ul.products li.product .button:hover{transform:none}
}

/* ===== SOURCE: product-redesign/product-premium.css ===== */
/* ════════════════════════════════════════════════════════════════
   ITOUKEI — FICHE PRODUIT PREMIUM  (v1 — staging, à pousser après validation)
   Cible les classes WooCommerce RÉELLES de la page single product
   (voir product-live.html : .woocommerce div.product, .woocommerce-product-gallery,
    .product_title, p.price, form.cart, .single_add_to_cart_button, .quantity,
    .woocommerce-tabs, .related.products).
   À APPENDRE à la fin de wp-content/themes/itoukei-brutal/style.css
   (même méthode que shop-premium.css). Additif/override — n'écrase rien d'autre.
   Palette : Paper #D0CCC0 · Noir #000 · Jaune #F5C900
   Les variables --bg/--black/--yellow/--font-* sont déjà définies dans le thème.
   Fallbacks fournis au cas où.
   ════════════════════════════════════════════════════════════════ */

:root{
  --itk-bg:#D0CCC0; --itk-black:#000; --itk-yellow:#F5C900; --itk-white:#fff;
  --itk-paper-2:#C8C4B8; --itk-paper-3:#C0BCB0;
  --itk-border:3px solid #000; --itk-border-t:1.5px solid #000;
  --itk-fd:Impact,'Arial Narrow Bold','Arial Narrow',sans-serif;
  --itk-fb:'Space Grotesk',system-ui,sans-serif;
  --itk-fm:'Courier New',Courier,monospace;
  --itk-tf:.15s cubic-bezier(.4,0,.2,1);
  --itk-tm:.3s cubic-bezier(.4,0,.2,1);
  --itk-ts:.5s cubic-bezier(.25,.46,.45,.94);
}

/* ── 0. CONTENEUR PRODUIT — layout 2 colonnes propre ── */
.woocommerce div.product{
  display:grid;grid-template-columns:1fr 1fr;gap:0;
  border-top:var(--itk-border);border-bottom:var(--itk-border);
  margin:20px auto 0;max-width:1400px;
}
.woocommerce div.product .woocommerce-product-gallery{
  width:100%!important;float:none!important;margin:0!important;
  border-right:var(--itk-border);background:var(--itk-paper-3);
}
.woocommerce div.product .summary.entry-summary{
  width:100%!important;float:none!important;margin:0!important;
  padding:40px 48px;clear:none!important;
}

/* ── 1. FIL D'ARIANE (woocommerce_breadcrumb) ── */
.woocommerce .woocommerce-breadcrumb{
  font-family:var(--itk-fm);font-size:11px;letter-spacing:2px;text-transform:uppercase;
  color:rgba(0,0,0,.55);padding:20px 24px 0;margin:0;max-width:1400px;
}
.woocommerce .woocommerce-breadcrumb a{color:rgba(0,0,0,.55);transition:color var(--itk-tf)}
.woocommerce .woocommerce-breadcrumb a:hover{color:var(--itk-black)}

/* ── 2. GALERIE ── */
.woocommerce div.product .woocommerce-product-gallery__wrapper{margin:0}
.woocommerce div.product .woocommerce-product-gallery__image{border-bottom:0}
.woocommerce div.product .woocommerce-product-gallery__image img{
  transition:transform var(--itk-ts)
}
.woocommerce div.product .woocommerce-product-gallery__image:hover img{transform:scale(1.05)}
/* miniatures flexslider (controlNav:thumbnails) */
.woocommerce div.product .flex-control-thumbs{
  display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin:0;padding:0;
  border-top:var(--itk-border)
}
.woocommerce div.product .flex-control-thumbs li{margin:0;border-right:var(--itk-border-t)}
.woocommerce div.product .flex-control-thumbs li:last-child{border-right:0}
.woocommerce div.product .flex-control-thumbs img{
  opacity:.7;transition:opacity var(--itk-tf),transform var(--itk-tm);cursor:pointer
}
.woocommerce div.product .flex-control-thumbs img:hover,
.woocommerce div.product .flex-control-thumbs img.flex-active{opacity:1}
/* badge promo natif sur la galerie */
.woocommerce div.product .woocommerce-product-gallery .onsale{
  position:absolute;top:14px;left:14px;margin:0;min-height:0;line-height:1.4;
  font-family:var(--itk-fm);font-size:9px;letter-spacing:2px;text-transform:uppercase;
  padding:5px 10px;border:var(--itk-border-t);border-radius:0;
  background:var(--itk-yellow);color:var(--itk-black)
}

/* ── 3. TITRE / PRIX ── */
.woocommerce div.product .product_title{
  font-family:var(--itk-fd);font-size:clamp(40px,6vw,72px)!important;line-height:.86!important;
  text-transform:uppercase;letter-spacing:-1.5px;margin:6px 0 18px!important;font-weight:400!important
}
.woocommerce div.product p.price,
.woocommerce div.product .summary p.price{
  font-family:var(--itk-fd);font-size:40px;letter-spacing:1px;font-variant-numeric:tabular-nums;
  color:var(--itk-black);margin:0 0 18px
}
.woocommerce div.product p.price .woocommerce-Price-currencySymbol{font-size:16px;opacity:.6;margin-right:4px}

/* quick info (liste maison .itk-product-quickinfo déjà présente) */
.woocommerce div.product .itk-product-quickinfo{
  list-style:none;margin:0 0 8px;padding:16px 0;
  border-top:var(--itk-border-t);border-bottom:var(--itk-border-t);
  display:flex;flex-wrap:wrap;gap:8px 20px
}
.woocommerce div.product .itk-product-quickinfo li{
  font-family:var(--itk-fm);font-size:11px;letter-spacing:1px;text-transform:uppercase;color:rgba(0,0,0,.7)
}
.woocommerce div.product .itk-product-quickinfo li a{text-decoration:underline;text-underline-offset:3px}

/* ── 4. FORMULAIRE / VARIATIONS (taille) ── */
.woocommerce div.product form.cart{margin:24px 0 0}
.woocommerce div.product form.cart .variations{margin:0 0 18px;border:0}
.woocommerce div.product form.cart .variations th.label{
  font-family:var(--itk-fm);font-size:11px;letter-spacing:2px;text-transform:uppercase;
  padding:0 0 10px;vertical-align:top
}
.woocommerce div.product form.cart .variations td.value{padding:0}
/* select taille -> apparence brutaliste (full-width, gros touch target) */
.woocommerce div.product form.cart .variations select{
  font-family:var(--itk-fb);font-weight:700;font-size:14px;letter-spacing:1px;text-transform:uppercase;
  background:var(--itk-white);border:var(--itk-border);border-radius:0;
  padding:14px 16px;min-height:54px;width:100%;cursor:pointer;
  background-image:none
}
.woocommerce div.product form.cart .variations select:focus-visible{outline:3px solid var(--itk-yellow);outline-offset:2px}
.woocommerce div.product .reset_variations{
  font-family:var(--itk-fm);font-size:11px;letter-spacing:1px;text-transform:uppercase;
  text-decoration:underline;text-underline-offset:3px;display:inline-block;margin-top:8px
}
/* lien guide des tailles (Printful) */
.woocommerce div.product .single_variation_wrap a[onclick*="SizeGuide"]{
  font-family:var(--itk-fm)!important;font-size:11px!important;letter-spacing:1px;text-transform:uppercase;
  color:var(--itk-black)!important;text-decoration:underline!important;text-underline-offset:3px;
  display:inline-block;margin:0 0 16px
}

/* ── 5. QUANTITÉ + AJOUTER AU PANIER ── */
.woocommerce div.product .woocommerce-variation-add-to-cart,
.woocommerce div.product form.cart:not(.variations_form){
  display:flex;align-items:stretch;gap:0;flex-wrap:wrap
}
.woocommerce div.product .quantity{margin:0}
.woocommerce div.product .quantity .qty{
  width:80px;height:60px;border:var(--itk-border);border-radius:0;text-align:center;
  background:var(--itk-white);font-family:var(--itk-fd);font-size:20px;font-variant-numeric:tabular-nums
}
.woocommerce div.product .single_add_to_cart_button{
  flex:1;margin-left:-3px;min-width:200px;min-height:60px;border-radius:0;
  background:var(--itk-black)!important;color:var(--itk-yellow)!important;
  border:var(--itk-border)!important;
  font-family:var(--itk-fb);font-weight:700;font-size:13px;letter-spacing:3px;text-transform:uppercase;
  transition:background var(--itk-tf),color var(--itk-tf);box-shadow:none!important
}
.woocommerce div.product .single_add_to_cart_button:hover{
  background:var(--itk-yellow)!important;color:var(--itk-black)!important
}
.woocommerce div.product .single_add_to_cart_button.disabled,
.woocommerce div.product .single_add_to_cart_button:disabled{opacity:.35;cursor:not-allowed}

/* bouton favoris maison (.itk-wishlist-btn--single déjà stylé inline ; on harmonise) */
.woocommerce div.product .itk-wishlist-btn--single{
  border:var(--itk-border)!important;border-radius:0!important;box-shadow:none!important;
  background:var(--itk-bg)!important;color:var(--itk-black)!important
}
.woocommerce div.product .itk-wishlist-btn--single:hover{
  background:var(--itk-black)!important;color:var(--itk-yellow)!important
}

/* PayPal / boutons tiers : on garde leur rendu mais on aère */
.woocommerce div.product .ppc-button-wrapper,
.woocommerce div.product .ppcp-messages{margin:14px 0 0}

/* ── 6. BLOC RASSURANCE (à injecter via hook woocommerce_single_product_summary,
   ou snippet PHP — markup .itk-reassure) ── */
.itk-reassure{display:grid;grid-template-columns:repeat(3,1fr);border:var(--itk-border);margin:20px 0 0}
.itk-reassure__item{padding:16px 14px;border-right:var(--itk-border-t);text-align:center}
.itk-reassure__item:last-child{border-right:0}
.itk-reassure__t{font-family:var(--itk-fb);font-weight:700;font-size:11px;letter-spacing:1px;text-transform:uppercase}
.itk-reassure__s{font-family:var(--itk-fm);font-size:10px;letter-spacing:.5px;color:rgba(0,0,0,.55);margin-top:5px;line-height:1.4}

/* ── 7. META (UGS / catégorie) ── */
.woocommerce div.product .product_meta{
  margin-top:22px;font-family:var(--itk-fm);font-size:11px;letter-spacing:1px;text-transform:uppercase;
  color:rgba(0,0,0,.55);border:0;padding:0
}
.woocommerce div.product .product_meta>span{display:block;margin:0 0 6px}
.woocommerce div.product .product_meta a{text-decoration:underline;text-underline-offset:3px}

/* ── 8. ONGLETS (.woocommerce-tabs) ── */
.woocommerce div.product .woocommerce-tabs{
  grid-column:1 / -1;margin:0;padding:0;
  border-top:var(--itk-border);background:var(--itk-bg)!important
}
.woocommerce div.product .woocommerce-tabs ul.tabs{
  display:flex;flex-wrap:wrap;margin:0;padding:0;border-bottom:var(--itk-border)
}
.woocommerce div.product .woocommerce-tabs ul.tabs::before{display:none}
.woocommerce div.product .woocommerce-tabs ul.tabs li{
  margin:0;padding:0;border:0;border-right:var(--itk-border);border-radius:0;background:transparent
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li::after{display:none}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{
  font-family:var(--itk-fm);font-size:12px;letter-spacing:2px;text-transform:uppercase;
  padding:20px 28px;display:block;color:var(--itk-black);
  transition:background var(--itk-tf),color var(--itk-tf)
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover{background:var(--itk-paper-2)}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a,
.woocommerce div.product .woocommerce-tabs ul.tabs li[aria-selected="true"] a{
  background:var(--itk-black);color:var(--itk-yellow)
}
.woocommerce div.product .woocommerce-Tabs-panel{padding:40px 48px;max-width:920px}
.woocommerce div.product .woocommerce-Tabs-panel h2{
  font-family:var(--itk-fd);font-size:28px;text-transform:uppercase;letter-spacing:-.5px;margin-bottom:16px;font-weight:400
}
.woocommerce div.product .woocommerce-Tabs-panel h3{
  font-family:var(--itk-fb);font-weight:700;font-size:14px;letter-spacing:1px;text-transform:uppercase;margin:22px 0 8px
}
.woocommerce div.product .woocommerce-Tabs-panel p{font-size:15px;line-height:1.7;max-width:70ch;margin:0 0 12px}
.woocommerce div.product .woocommerce-Tabs-panel a{text-decoration:underline;text-underline-offset:3px}
/* tableau infos complémentaires */
.woocommerce div.product .woocommerce-product-attributes{border-collapse:collapse;width:100%;margin-top:8px}
.woocommerce div.product .woocommerce-product-attributes th,
.woocommerce div.product .woocommerce-product-attributes td{
  border:var(--itk-border-t);padding:12px 14px;font-size:13px;text-align:left
}
.woocommerce div.product .woocommerce-product-attributes th{
  font-family:var(--itk-fm);letter-spacing:1px;text-transform:uppercase;background:var(--itk-paper-2);width:40%
}

/* ── 9. PRODUITS SIMILAIRES (.related.products) ──
   Le grid/cartes héritent déjà des règles shop dans itoukei-fixes-final.
   On renforce le titre + cartes pour matcher shop-premium. ── */
.woocommerce .related.products{
  grid-column:1 / -1;padding:48px 24px 64px;margin:0;clear:both;border:0;
  max-width:1400px;margin-left:auto;margin-right:auto
}
.woocommerce .related.products>h2{
  font-family:var(--itk-fd);font-size:clamp(32px,5vw,56px);text-transform:uppercase;
  letter-spacing:-1px;line-height:.9;margin:0 0 28px;font-weight:400
}
.woocommerce .related.products ul.products li.product{
  position:relative;background:var(--itk-bg);transition:background var(--itk-tm);
  border:var(--itk-border)
}
.woocommerce .related.products ul.products li.product:hover{background:var(--itk-paper-2)}
.woocommerce .related.products ul.products li.product .woocommerce-loop-product__title{
  font-family:var(--itk-fd);font-size:clamp(18px,2.2vw,24px)!important;line-height:1;
  text-transform:uppercase;letter-spacing:.5px;font-weight:400!important;padding:0 16px
}
.woocommerce .related.products ul.products li.product .price{
  font-family:var(--itk-fd);font-size:20px;letter-spacing:1px;font-variant-numeric:tabular-nums;
  color:var(--itk-black)!important;padding:0 16px
}
.woocommerce .related.products ul.products li.product a.button{
  font-family:var(--itk-fb);font-weight:700;font-size:11px;letter-spacing:3px;text-transform:uppercase;
  background:var(--itk-black);color:var(--itk-yellow);border-radius:0;min-height:44px;
  margin:12px 16px 16px;transition:background var(--itk-tf),color var(--itk-tf)
}
.woocommerce .related.products ul.products li.product a.button:hover{
  background:var(--itk-yellow);color:var(--itk-black)
}

/* ── 10. ACCESSIBILITÉ ── */
.woocommerce div.product a:focus-visible,
.woocommerce div.product button:focus-visible,
.woocommerce div.product input:focus-visible,
.woocommerce div.product select:focus-visible,
.woocommerce .woocommerce-tabs ul.tabs li a:focus-visible,
.woocommerce .related.products a:focus-visible{
  outline:3px solid var(--itk-yellow);outline-offset:2px
}

/* ── 11. RESPONSIVE ── */
@media(max-width:1024px){
  .woocommerce div.product{grid-template-columns:1fr}
  .woocommerce div.product .woocommerce-product-gallery{border-right:0;border-bottom:var(--itk-border)}
  .woocommerce div.product .summary.entry-summary{padding:32px 24px}
  .woocommerce .related.products ul.products{grid-template-columns:repeat(2,1fr)!important}
}
@media(max-width:768px){
  .itk-reassure{grid-template-columns:1fr}
  .itk-reassure__item{border-right:0;border-bottom:var(--itk-border-t)}
  .itk-reassure__item:last-child{border-bottom:0}
  .woocommerce div.product .woocommerce-tabs ul.tabs li{flex:1}
  .woocommerce div.product .woocommerce-tabs ul.tabs li a{padding:16px 14px;text-align:center}
}
@media(max-width:560px){
  .woocommerce div.product .product_title{font-size:38px!important}
  .woocommerce div.product .woocommerce-variation-add-to-cart{flex-direction:column;gap:12px}
  .woocommerce div.product .single_add_to_cart_button{margin-left:0;width:100%}
  .woocommerce div.product .woocommerce-Tabs-panel{padding:28px 20px}
}
@media(max-width:380px){
  .woocommerce .related.products ul.products{grid-template-columns:1fr!important}
}
@media(prefers-reduced-motion:reduce){
  .woocommerce div.product .woocommerce-product-gallery__image:hover img,
  .woocommerce .related.products ul.products li.product:hover a img{transform:none}
  .woocommerce div.product *{transition:none!important}
}

/* ===== SOURCE: cart-redesign/cart-premium.css ===== */
/* ════════════════════════════════════════════════════════════════
   ITOUKEI — PANIER (CART) PREMIUM  (v1 — staging, à pousser après validation)
   Cible les classes WooCommerce RÉELLES de la page /panier/ (cart).
   À APPENDRE à la fin de wp-content/themes/itoukei-brutal/style.css
   (ou enqueue séparément). Additif/override — n'écrase rien d'autre.
   Palette : Paper #D0CCC0 · Noir #000 · Jaune #F5C900
   Fonts présumées déjà définies par le thème :
     --font-d (Impact) · --font-b (Space Grotesk) · --font-m (Courier)
   Fallbacks fournis au cas où les variables n'existent pas.
   ════════════════════════════════════════════════════════════════ */

:root{
  --itk-bg:#D0CCC0; --itk-black:#000; --itk-yellow:#F5C900; --itk-white:#fff;
  --itk-paper-2:#C8C4B8; --itk-paper-3:#C0BCB0;
  --itk-border:3px solid #000; --itk-border-t:1.5px solid #000;
  --itk-fd:var(--font-d,Impact,'Arial Narrow Bold',sans-serif);
  --itk-fb:var(--font-b,'Space Grotesk',system-ui,sans-serif);
  --itk-fm:var(--font-m,'Courier New',Courier,monospace);
  --itk-tf:.15s cubic-bezier(.4,0,.2,1);
}

/* ── Conteneur global de la page panier ── */
.woocommerce-cart .woocommerce{max-width:1400px;margin:0 auto;padding:0 24px 48px}
.woocommerce-cart .page-cart-wrap{max-width:1400px;margin:0 auto;padding:0 24px}
.woocommerce-cart .page-cart-wrap h1{
  font-family:var(--itk-fd);font-size:clamp(48px,9vw,120px);line-height:.85;
  text-transform:uppercase;letter-spacing:-2px;margin:18px 0 8px;
}

/* ── 1. NOTICES ── */
.woocommerce-cart .woocommerce-message,
.woocommerce-cart .woocommerce-info,
.woocommerce-cart .woocommerce-error{
  font-family:var(--itk-fm);font-size:12px;letter-spacing:1px;
  border:var(--itk-border-t);border-radius:0;background:var(--itk-white);
  padding:16px 18px;color:var(--itk-black);box-shadow:none;
}
.woocommerce-cart .woocommerce-message::before,
.woocommerce-cart .woocommerce-info::before{color:var(--itk-black)}
.woocommerce-cart .woocommerce-message .button,
.woocommerce-cart .woocommerce-info .button{
  font-family:var(--itk-fb);font-weight:700;letter-spacing:1px;text-transform:uppercase;
  background:var(--itk-black);color:var(--itk-yellow);border-radius:0;border:var(--itk-border-t);
}

/* ── 2. TABLE ARTICLES — table.shop_table.cart ── */
.woocommerce-cart table.cart,
.woocommerce-cart table.shop_table{
  border:var(--itk-border);border-radius:0;border-collapse:collapse;width:100%;
  background:transparent;margin-bottom:0;
}
.woocommerce-cart table.cart thead th,
.woocommerce-cart table.shop_table thead th{
  font-family:var(--itk-fm);font-size:10px;letter-spacing:2px;text-transform:uppercase;
  color:rgba(0,0,0,.5);text-align:left;padding:16px 18px;border-bottom:var(--itk-border);
  background:transparent;
}
.woocommerce-cart table.cart tbody td,
.woocommerce-cart table.shop_table tbody td{
  padding:20px 18px;border-top:var(--itk-border-t);vertical-align:middle;background:transparent;
}
.woocommerce-cart table.cart tbody tr:hover{background:var(--itk-paper-2)}

/* vignette produit */
.woocommerce-cart table.cart td.product-thumbnail{width:96px}
.woocommerce-cart table.cart td.product-thumbnail img{
  width:84px;height:84px;object-fit:cover;border:var(--itk-border-t);border-radius:0;
  transition:transform .5s cubic-bezier(.25,.46,.45,.94);
}
.woocommerce-cart table.cart tbody tr:hover td.product-thumbnail img{transform:scale(1.05)}

/* nom produit + variations (taille) */
.woocommerce-cart table.cart td.product-name a{
  font-family:var(--itk-fd);font-size:22px;line-height:1;text-transform:uppercase;
  letter-spacing:.5px;color:var(--itk-black);
}
.woocommerce-cart table.cart td.product-name a:hover{color:rgba(0,0,0,.6)}
.woocommerce-cart table.cart td.product-name .variation,
.woocommerce-cart table.cart td.product-name dl.variation{
  font-family:var(--itk-fb);font-size:12px;color:rgba(0,0,0,.6);margin:6px 0 0;
}
.woocommerce-cart table.cart td.product-name .variation dt{font-weight:600;color:var(--itk-black)}

/* prix + sous-total ligne : chiffres tabulaires */
.woocommerce-cart table.cart td.product-price,
.woocommerce-cart table.cart td.product-subtotal{
  font-family:var(--itk-fb);font-weight:600;font-variant-numeric:tabular-nums;font-size:15px;
}
.woocommerce-cart table.cart td.product-subtotal{font-family:var(--itk-fd);font-size:20px;letter-spacing:.5px}

/* ── 3. SÉLECTEUR QUANTITÉ — .quantity input ── */
.woocommerce-cart table.cart td.product-quantity .quantity{
  display:inline-flex;align-items:stretch;border:var(--itk-border-t);background:var(--itk-white);
}
.woocommerce-cart .quantity input.qty,
.woocommerce-cart td.product-quantity input[type=number]{
  width:54px;height:44px;border:0;border-left:var(--itk-border-t);border-right:var(--itk-border-t);
  text-align:center;font-family:var(--itk-fb);font-weight:600;font-size:15px;
  font-variant-numeric:tabular-nums;background:transparent;border-radius:0;-moz-appearance:textfield;
}
.woocommerce-cart .quantity input.qty::-webkit-outer-spin-button,
.woocommerce-cart .quantity input.qty::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
/* boutons +/- si thème/plugin les ajoute (sinon le champ number natif reste utilisable) */
.woocommerce-cart .quantity .plus,
.woocommerce-cart .quantity .minus{
  width:40px;min-width:40px;height:44px;background:transparent;border:0;cursor:pointer;
  font-family:var(--itk-fd);font-size:20px;color:var(--itk-black);border-radius:0;
  transition:background var(--itk-tf),color var(--itk-tf);line-height:1;
}
.woocommerce-cart .quantity .plus:hover,
.woocommerce-cart .quantity .minus:hover{background:var(--itk-black);color:var(--itk-yellow)}

/* ── 4. SUPPRIMER — td.product-remove a.remove ── */
.woocommerce-cart table.cart td.product-remove{width:56px;text-align:center}
.woocommerce-cart table.cart a.remove{
  width:40px;height:40px;line-height:36px;display:inline-flex;align-items:center;justify-content:center;
  border:var(--itk-border-t);border-radius:0;background:transparent;color:var(--itk-black)!important;
  font-family:var(--itk-fd);font-size:22px;transition:background var(--itk-tf),color var(--itk-tf);
}
.woocommerce-cart table.cart a.remove:hover{background:var(--itk-black);color:var(--itk-yellow)!important}

/* ── 5. CODE PROMO — .coupon ── */
.woocommerce-cart .cart .actions{padding:20px 0 0;border:0}
.woocommerce-cart .cart .actions .coupon{display:flex;gap:0;align-items:stretch}
.woocommerce-cart .cart .actions .coupon label{position:absolute;left:-9999px}
.woocommerce-cart .cart .actions .coupon input.input-text,
.woocommerce-cart .cart .actions .coupon #coupon_code{
  min-height:48px;border:var(--itk-border-t);border-radius:0;background:var(--itk-white);
  padding:0 16px;font-family:var(--itk-fb);font-size:14px;letter-spacing:1px;margin:0;width:auto;flex:0 1 240px;
}
.woocommerce-cart .cart .actions .coupon button[name=apply_coupon]{
  min-height:48px;padding:0 22px;background:var(--itk-black);color:var(--itk-yellow);
  border:var(--itk-border-t);border-left:0;border-radius:0;font-family:var(--itk-fb);font-weight:700;
  font-size:11px;letter-spacing:2px;text-transform:uppercase;cursor:pointer;
  transition:background var(--itk-tf),color var(--itk-tf);
}
.woocommerce-cart .cart .actions .coupon button[name=apply_coupon]:hover{background:var(--itk-yellow);color:var(--itk-black)}

/* bouton "Mettre à jour le panier" */
.woocommerce-cart .cart .actions button[name=update_cart]{
  min-height:48px;padding:0 22px;background:transparent;color:var(--itk-black);
  border:var(--itk-border-t);border-radius:0;font-family:var(--itk-fm);font-size:11px;
  letter-spacing:2px;text-transform:uppercase;cursor:pointer;float:right;
  transition:background var(--itk-tf),color var(--itk-tf);
}
.woocommerce-cart .cart .actions button[name=update_cart]:hover{background:var(--itk-black);color:var(--itk-yellow)}
.woocommerce-cart .cart .actions button[name=update_cart][disabled]{opacity:.4;cursor:not-allowed}

/* ── 6. ENCART TOTAUX — .cart-collaterals .cart_totals ── */
.woocommerce-cart .cart-collaterals{width:100%;margin-top:40px}
.woocommerce-cart .cart-collaterals .cart_totals{
  float:none;width:100%;max-width:420px;margin-left:auto;
  border:var(--itk-border);border-radius:0;background:var(--itk-paper-2);padding:24px 22px;
}
.woocommerce-cart .cart_totals h2{
  font-family:var(--itk-fd);font-size:26px;text-transform:uppercase;letter-spacing:.5px;
  padding-bottom:18px;border-bottom:var(--itk-border);margin-bottom:6px;
}
.woocommerce-cart .cart_totals table{border:0;width:100%;margin:0}
.woocommerce-cart .cart_totals table th,
.woocommerce-cart .cart_totals table td{
  border:0;border-bottom:var(--itk-border-t);padding:14px 0;background:transparent;
  font-family:var(--itk-fb);font-size:14px;
}
.woocommerce-cart .cart_totals table th{font-weight:400;color:rgba(0,0,0,.65);text-align:left}
.woocommerce-cart .cart_totals table td{text-align:right;font-weight:600;font-variant-numeric:tabular-nums}

/* ligne TOTAL en exergue */
.woocommerce-cart .cart_totals tr.order-total th,
.woocommerce-cart .cart_totals tr.order-total td{
  border-bottom:0;border-top:var(--itk-border);padding-top:18px;font-family:var(--itk-fd);
}
.woocommerce-cart .cart_totals tr.order-total th{font-size:24px;text-transform:uppercase}
.woocommerce-cart .cart_totals tr.order-total td,
.woocommerce-cart .cart_totals tr.order-total .amount{font-size:28px;font-variant-numeric:tabular-nums}

/* livraison gratuite : badge jaune */
.woocommerce-cart .cart_totals tr.shipping td .free-shipping,
.woocommerce-cart .cart_totals tr.shipping .woocommerce-Price-amount.free{
  background:var(--itk-yellow);border:var(--itk-border-t);padding:2px 8px;
  font-family:var(--itk-fm);font-size:11px;letter-spacing:1px;text-transform:uppercase;
}
.woocommerce-cart .cart_totals .shipping-calculator-button{
  font-family:var(--itk-fm);font-size:11px;letter-spacing:1px;color:rgba(0,0,0,.6);text-decoration:underline;
}

/* ── 7. CTA PAIEMENT — .checkout-button / .wc-proceed-to-checkout ── */
.woocommerce-cart .wc-proceed-to-checkout{padding:18px 0 0}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce-cart a.checkout-button.button{
  display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:60px;
  background:var(--itk-black)!important;color:var(--itk-yellow)!important;border:var(--itk-border);
  border-radius:0;font-family:var(--itk-fb);font-weight:700;font-size:15px;letter-spacing:3px;
  text-transform:uppercase;cursor:pointer;text-align:center;
  transition:background var(--itk-tf),color var(--itk-tf),transform var(--itk-tf);
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover{
  background:var(--itk-yellow)!important;color:var(--itk-black)!important;
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:active{transform:translateY(1px)}

/* ── 8. ÉTAT VIDE — .wc-empty-cart-message + .return-to-shop ── */
.woocommerce-cart .cart-empty.woocommerce-info,
.woocommerce-cart .wc-empty-cart-message{
  font-family:var(--itk-fd);font-size:clamp(32px,5vw,52px);text-transform:uppercase;
  letter-spacing:-1px;line-height:.9;text-align:center;color:var(--itk-black);
  border:0;background:transparent;padding:56px 20px 24px;
}
.woocommerce-cart .wc-empty-cart-message::before{display:none}
.woocommerce-cart .return-to-shop{text-align:center;padding:0 20px 64px}
.woocommerce-cart .return-to-shop .button,
.woocommerce-cart .return-to-shop a.wc-backward{
  display:inline-flex;align-items:center;gap:10px;min-height:54px;padding:0 32px;
  background:var(--itk-black);color:var(--itk-yellow);border-radius:0;border:var(--itk-border);
  font-family:var(--itk-fb);font-weight:700;font-size:13px;letter-spacing:3px;text-transform:uppercase;
  transition:background var(--itk-tf),color var(--itk-tf);
}
.woocommerce-cart .return-to-shop .button:hover,
.woocommerce-cart .return-to-shop a.wc-backward:hover{background:var(--itk-yellow);color:var(--itk-black)}

/* ── RESPONSIVE ── */
@media(max-width:768px){
  .woocommerce-cart .page-cart-wrap h1{font-size:54px}
  /* table → cartes empilées (woocommerce-smallscreen.css fait déjà une partie, on harmonise) */
  .woocommerce-cart table.cart tbody td{
    padding:10px 16px;text-align:right;
  }
  .woocommerce-cart table.cart td.product-thumbnail{display:block;width:100%;text-align:left}
  .woocommerce-cart .cart-collaterals .cart_totals{max-width:100%;margin-left:0}
  .woocommerce-cart .cart .actions .coupon{flex-wrap:wrap}
  .woocommerce-cart .cart .actions .coupon input.input-text{flex:1 1 100%}
  .woocommerce-cart .cart .actions button[name=update_cart]{float:none;width:100%;margin-top:8px}
}

/* ── ACCESSIBILITÉ ── */
.woocommerce-cart a:focus-visible,
.woocommerce-cart button:focus-visible,
.woocommerce-cart input:focus-visible,
.woocommerce-cart .checkout-button:focus-visible,
.woocommerce-cart a.remove:focus-visible{outline:3px solid var(--itk-yellow);outline-offset:2px}
@media(prefers-reduced-motion:reduce){
  .woocommerce-cart table.cart tbody tr:hover td.product-thumbnail img{transform:none}
  .woocommerce-cart *{transition:none!important}
}

/* ===== SOURCE: checkout-redesign/checkout-premium.css ===== */
/* ════════════════════════════════════════════════════════════════
   ITOUKEI — CHECKOUT / COMMANDE PREMIUM  (v1 — staging, à pousser après validation)
   Cible les classes WooCommerce RÉELLES de la page /commande/ (Checkout shortcode classique).
   À APPENDRE à la fin de wp-content/themes/itoukei-brutal/style.css
   (ou à enqueue séparément, après woocommerce.css).
   Additif / override — n'écrase pas les autres pages.
   Palette : Paper #D0CCC0 · Noir #000 · Jaune #F5C900 · Blanc #fff · Erreur #B3261E
   Fonts : Impact (titres) · Space Grotesk (UI/forms) · Courier New (mono labels)
   Devise CHF · fr_FR.
   IMPORTANT : panier vide au moment du test → checkout WooCommerce a redirigé.
   Le ciblage repose sur la structure standard du shortcode [woocommerce_checkout]
   + passerelles détectées actives (WooPayments/Stripe-cards, PayPal Payments, Klarna via APMs).
   ════════════════════════════════════════════════════════════════ */

/* Variables locales — alignées sur le thème. Fallbacks si non définies. */
.woocommerce-checkout{
  --bg:#D0CCC0; --black:#000; --yellow:#F5C900; --white:#fff;
  --paper-2:#C8C4B8; --paper-3:#C0BCB0; --err:#B3261E;
  --border:3px solid #000; --border-t:1.5px solid #000;
  --font-d:Impact,'Arial Narrow Bold','Arial Narrow',sans-serif;
  --font-b:'Space Grotesk',system-ui,sans-serif;
  --font-m:'Courier New',Courier,monospace;
  --t-fast:.15s cubic-bezier(.4,0,.2,1);
}

/* ── 0. FIL D'ARIANE (si woocommerce_breadcrumb rendu sur la page) ── */
.woocommerce-checkout .woocommerce-breadcrumb{
  font-family:var(--font-m);font-size:11px;letter-spacing:2px;text-transform:uppercase;
  color:rgba(0,0,0,.55);padding:20px 24px 0;margin:0;
}
.woocommerce-checkout .woocommerce-breadcrumb a{color:rgba(0,0,0,.55);transition:color var(--t-fast)}
.woocommerce-checkout .woocommerce-breadcrumb a:hover{color:var(--black)}

/* ── 1. NOTICES (erreurs / infos WooCommerce) ── */
.woocommerce-checkout .woocommerce-error,
.woocommerce-checkout .woocommerce-message,
.woocommerce-checkout .woocommerce-info{
  font-family:var(--font-m);font-size:12px;letter-spacing:.5px;
  border:var(--border-t);border-radius:0;background:var(--white);
  padding:14px 18px;margin:0 0 24px;list-style:none;
}
.woocommerce-checkout .woocommerce-error{border-color:var(--err);color:var(--err);border-width:3px}
.woocommerce-checkout .woocommerce-error::before,
.woocommerce-checkout .woocommerce-message::before,
.woocommerce-checkout .woocommerce-info::before{display:none}
.woocommerce-checkout .woocommerce-message{border-left:6px solid var(--yellow)}

/* coupon / login toggles en haut */
.woocommerce-checkout .woocommerce-form-login-toggle,
.woocommerce-checkout .woocommerce-form-coupon-toggle{margin-bottom:16px}
.woocommerce-checkout form.login,
.woocommerce-checkout form.checkout_coupon{
  border:var(--border-t);border-radius:0;padding:20px;background:var(--white);
}

/* ── 2. LAYOUT 2 COLONNES — form.checkout > .col2-set + #order_review ── */
@media (min-width:981px){
  .woocommerce-checkout form.checkout.woocommerce-checkout{
    display:grid;grid-template-columns:1fr 400px;gap:0;align-items:start;
    border:var(--border);
  }
  /* col gauche = coordonnées+livraison (#customer_details et/ou .col2-set) */
  .woocommerce-checkout form.checkout #customer_details{
    border-right:var(--border);padding:0;margin:0;width:auto;float:none;
  }
  /* col droite = récap commande (#order_review_heading + #order_review) */
  .woocommerce-checkout form.checkout #order_review_heading{
    grid-column:2;margin:0;padding:22px 24px 0;
  }
  .woocommerce-checkout form.checkout #order_review{
    grid-column:2;grid-row:1 / span 3;align-self:start;
    position:sticky;top:24px;width:auto;float:none;padding:0;
  }
}

/* colonnes internes billing / shipping (.col2-set .col-1/.col-2) en pleine largeur empilées */
.woocommerce-checkout .col2-set{width:100%;float:none;margin:0}
.woocommerce-checkout .col2-set .col-1,
.woocommerce-checkout .col2-set .col-2{width:100%;float:none;padding:28px;border-bottom:var(--border)}
.woocommerce-checkout .col2-set .col-2{border-bottom:0}

/* ── 3. TITRES DE SECTION (Détails de facturation / Expédier vers…) ── */
.woocommerce-checkout #customer_details h3,
.woocommerce-checkout .woocommerce-billing-fields > h3,
.woocommerce-checkout .woocommerce-shipping-fields > h3,
.woocommerce-checkout #order_review_heading{
  font-family:var(--font-d);font-size:28px;text-transform:uppercase;letter-spacing:.5px;
  line-height:1;margin:0 0 18px;color:var(--black);
}
.woocommerce-checkout .woocommerce-additional-fields > h3{
  font-family:var(--font-d);font-size:22px;text-transform:uppercase;letter-spacing:.5px;margin:24px 0 14px;
}

/* ── 4. CHAMPS — .form-row, labels visibles, inputs ≥48px ── */
.woocommerce-checkout .woocommerce-billing-fields__field-wrapper,
.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper,
.woocommerce-checkout .woocommerce-additional-fields__field-wrapper{
  display:flex;flex-wrap:wrap;gap:0 18px;
}
.woocommerce-checkout .form-row{
  display:flex;flex-direction:column;gap:6px;margin:0 0 18px;padding:0;float:none;
}
.woocommerce-checkout .form-row-first,
.woocommerce-checkout .form-row-last{width:calc(50% - 9px)}
.woocommerce-checkout .form-row-wide,
.woocommerce-checkout .form-row.notes{width:100%}

/* labels — TOUJOURS visibles (jamais placeholder-only) */
.woocommerce-checkout .form-row label{
  font-family:var(--font-m);font-size:11px;letter-spacing:1.5px;text-transform:uppercase;
  color:var(--black);display:block;margin:0;line-height:1.4;
}
.woocommerce-checkout .form-row label .required,
.woocommerce-checkout .form-row label abbr.required{color:var(--err);text-decoration:none;border:0;margin-left:3px}
.woocommerce-checkout .form-row label .optional{color:rgba(0,0,0,.4);margin-left:6px}
/* ré-affiche les labels masqués par le thème (address_2 a screen-reader-text par défaut) */
.woocommerce-checkout .form-row label.screen-reader-text{
  position:static;width:auto;height:auto;clip:auto;clip-path:none;margin:0;overflow:visible;
}

/* inputs / selects / textarea */
.woocommerce-checkout .form-row input.input-text,
.woocommerce-checkout .form-row textarea,
.woocommerce-checkout .form-row select,
.woocommerce-checkout .select2-container .select2-selection--single{
  width:100%;min-height:48px;background:var(--white);border:var(--border-t);border-radius:0;
  padding:12px 14px;font-family:var(--font-b);font-size:15px;color:var(--black);
  transition:border-color var(--t-fast);box-shadow:none;
}
.woocommerce-checkout .form-row textarea{min-height:96px;resize:vertical}
.woocommerce-checkout .form-row input.input-text::placeholder,
.woocommerce-checkout .form-row textarea::placeholder{color:rgba(0,0,0,.35)}
.woocommerce-checkout .form-row input.input-text:hover,
.woocommerce-checkout .form-row select:hover{border-color:var(--black)}

/* focus accessible — anneau jaune */
.woocommerce-checkout .form-row input.input-text:focus,
.woocommerce-checkout .form-row textarea:focus,
.woocommerce-checkout .form-row select:focus{outline:none;border:3px solid var(--black)}
.woocommerce-checkout .form-row input.input-text:focus-visible,
.woocommerce-checkout .form-row textarea:focus-visible,
.woocommerce-checkout .form-row select:focus-visible{
  outline:3px solid var(--yellow);outline-offset:2px;border-color:var(--black);
}

/* select2 (sélecteur pays/canton WooCommerce) — alignement brutalist */
.woocommerce-checkout .select2-container--default .select2-selection--single{
  height:48px;display:flex;align-items:center;
}
.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__rendered{
  line-height:1.2;padding:0;color:var(--black);font-family:var(--font-b);font-size:15px;
}
.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__arrow{height:46px}
.woocommerce-checkout .select2-dropdown{border:var(--border-t);border-radius:0}
.woocommerce-checkout .select2-container--default .select2-results__option--highlighted[aria-selected]{
  background:var(--black);color:var(--yellow);
}
.woocommerce-checkout .select2-container--open .select2-selection--single{outline:3px solid var(--yellow);outline-offset:2px}

/* ── 5. VALIDATION INLINE — classes JS WooCommerce (validate-required, woocommerce-invalid…) ── */
.woocommerce-checkout .form-row.woocommerce-validated input.input-text,
.woocommerce-checkout .form-row.woocommerce-validated select{border-color:var(--black)}
.woocommerce-checkout .form-row.woocommerce-invalid input.input-text,
.woocommerce-checkout .form-row.woocommerce-invalid select,
.woocommerce-checkout .form-row.woocommerce-invalid-required-field input.input-text{
  border:3px solid var(--err);
}
/* message d'erreur SOUS le champ (généré au submit côté WooCommerce dans les notices,
   mais on stylise aussi un éventuel hint inline custom .field-error) */
.woocommerce-checkout .form-row .field-error,
.woocommerce-checkout .form-row .woocommerce-error-inline{
  font-family:var(--font-m);font-size:11px;letter-spacing:.5px;color:var(--err);margin-top:2px;
}

/* case « Expédier à une adresse différente » (#ship-to-different-address) */
.woocommerce-checkout #ship-to-different-address{margin:0 0 4px}
.woocommerce-checkout #ship-to-different-address label{
  display:flex;align-items:center;gap:12px;padding:16px;border:var(--border-t);background:var(--white);
  font-family:var(--font-b);font-size:14px;font-weight:500;letter-spacing:.3px;text-transform:none;cursor:pointer;
}
.woocommerce-checkout #ship-to-different-address input[type=checkbox]{
  width:22px;height:22px;flex-shrink:0;accent-color:var(--black);margin:0;cursor:pointer;
}

/* ── 6. RÉCAP COMMANDE — #order_review ── */
.woocommerce-checkout #order_review{background:var(--bg)}
.woocommerce-checkout #order_review .shop_table{
  width:100%;border-collapse:collapse;border:0;margin:0 24px 0;width:calc(100% - 48px);
  font-variant-numeric:tabular-nums;
}
.woocommerce-checkout #order_review .shop_table thead th{
  font-family:var(--font-m);font-size:10px;letter-spacing:2px;text-transform:uppercase;
  color:rgba(0,0,0,.5);text-align:left;padding:18px 0 10px;border-bottom:var(--border-t);
}
.woocommerce-checkout #order_review .shop_table td,
.woocommerce-checkout #order_review .shop_table th{border:0;padding:12px 0;background:transparent}
.woocommerce-checkout #order_review .cart_item td{border-bottom:var(--border-t);vertical-align:top}
.woocommerce-checkout #order_review .product-name{
  font-family:var(--font-b);font-weight:700;font-size:14px;letter-spacing:.3px;line-height:1.3;
}
.woocommerce-checkout #order_review .product-name .product-quantity{
  font-family:var(--font-m);font-size:11px;color:rgba(0,0,0,.55);font-weight:400;
}
.woocommerce-checkout #order_review .product-name dl.variation{
  font-family:var(--font-m);font-size:10px;letter-spacing:1px;text-transform:uppercase;
  color:rgba(0,0,0,.5);margin:4px 0 0;
}
.woocommerce-checkout #order_review .product-total,
.woocommerce-checkout #order_review td.product-total{text-align:right;font-family:var(--font-b);font-weight:600;font-size:14px}

/* lignes de totaux (cart-subtotal, shipping, tax, order-total) */
.woocommerce-checkout #order_review .cart-subtotal th,
.woocommerce-checkout #order_review tr.shipping th,
.woocommerce-checkout #order_review .tax-rate th{
  font-family:var(--font-m);font-size:12px;letter-spacing:1px;text-transform:uppercase;
  color:rgba(0,0,0,.6);font-weight:400;padding:12px 0;border-bottom:var(--border-t);text-align:left;
}
.woocommerce-checkout #order_review .cart-subtotal td,
.woocommerce-checkout #order_review tr.shipping td,
.woocommerce-checkout #order_review .tax-rate td{
  font-family:var(--font-b);font-weight:600;font-size:14px;text-align:right;
  padding:12px 0;border-bottom:var(--border-t);
}
/* méthodes de livraison (liste radio) */
.woocommerce-checkout #order_review tr.shipping ul#shipping_method{margin:0;padding:0;list-style:none}
.woocommerce-checkout #order_review tr.shipping ul#shipping_method li{
  display:flex;align-items:center;gap:10px;padding:6px 0;font-family:var(--font-b);font-size:13px;
}
.woocommerce-checkout #order_review tr.shipping ul#shipping_method input[type=radio]{
  width:20px;height:20px;accent-color:var(--black);
}

/* TOTAL — grand chiffre Impact */
.woocommerce-checkout #order_review .order-total th{
  font-family:var(--font-d);font-size:24px;text-transform:uppercase;letter-spacing:.5px;
  padding:18px 0 4px;border:0;text-align:left;
}
.woocommerce-checkout #order_review .order-total td{
  font-family:var(--font-d);font-size:30px;letter-spacing:1px;text-align:right;padding:18px 0 4px;border:0;
}
.woocommerce-checkout #order_review .order-total td small.includes_tax{
  display:block;font-family:var(--font-m);font-size:10px;letter-spacing:.5px;color:rgba(0,0,0,.45);font-weight:400;
}

/* ── 7. MÉTHODES DE PAIEMENT — #payment.woocommerce-checkout-payment ── */
.woocommerce-checkout #payment{
  background:transparent;border:0;border-radius:0;margin:18px 24px 24px;
}
.woocommerce-checkout #payment ul.payment_methods{
  border:var(--border-t);border-radius:0;padding:0;margin:0;list-style:none;background:var(--white);
}
.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method{
  border-bottom:var(--border-t);padding:0;margin:0;transition:background var(--t-fast);
}
.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method:last-child{border-bottom:0}
/* l'option sélectionnée → fond jaune (li ajoute .selected, ou via :has sur l'input coché) */
.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method:has(input[type=radio]:checked){
  background:var(--yellow);
}
.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method > label{
  display:flex;align-items:center;gap:12px;padding:18px 16px;cursor:pointer;
  font-family:var(--font-b);font-weight:700;font-size:14px;letter-spacing:.5px;text-transform:uppercase;margin:0;
}
.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method > input[type=radio]{
  width:22px;height:22px;flex-shrink:0;accent-color:var(--black);margin:0 0 0 16px;cursor:pointer;
}
/* logos passerelles (Stripe, PayPal, Klarna) alignés à droite du label */
.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method > label img{
  margin-left:auto;max-height:24px;width:auto;display:inline-block;
}
/* boîte descriptive sous chaque méthode */
.woocommerce-checkout #payment div.payment_box{
  background:var(--bg);border:0;border-top:var(--border-t);border-radius:0;
  margin:0;padding:16px;font-family:var(--font-m);font-size:11px;letter-spacing:.3px;color:rgba(0,0,0,.65);
}
.woocommerce-checkout #payment div.payment_box::before{display:none}
/* champs carte (Stripe/WooPayments) hébergés — laisser respirer */
.woocommerce-checkout #payment div.payment_box .wc-stripe-elements-field,
.woocommerce-checkout #payment div.payment_box .wcpay-card-mount{
  background:var(--white);border:var(--border-t);padding:12px 14px;min-height:48px;border-radius:0;
}
.woocommerce-checkout #payment .focus-visible,
.woocommerce-checkout #payment input[type=radio]:focus-visible{outline:3px solid var(--yellow);outline-offset:2px}

/* CGV / privacy policy */
.woocommerce-checkout #payment .woocommerce-privacy-policy-text{
  font-family:var(--font-m);font-size:11px;letter-spacing:.3px;color:rgba(0,0,0,.55);padding:0 16px 12px;
}
.woocommerce-checkout #payment .woocommerce-terms-and-conditions-wrapper{padding:0 16px 12px}
.woocommerce-checkout #payment .woocommerce-form__label-for-checkbox input{width:20px;height:20px;accent-color:var(--black)}

/* ── 8. BOUTON PAYER — #place_order / .place-order ── */
.woocommerce-checkout #payment .place-order{padding:0;margin:0;border:0}
.woocommerce-checkout #place_order,
.woocommerce-checkout .place-order #place_order,
.woocommerce-checkout #payment #place_order{
  width:100%;min-height:64px;margin-top:18px;
  background:var(--black);color:var(--yellow);border:var(--border);border-radius:0;
  font-family:var(--font-d);font-size:22px;letter-spacing:1px;text-transform:uppercase;cursor:pointer;
  display:flex;align-items:center;justify-content:center;gap:14px;
  transition:background var(--t-fast),color var(--t-fast),transform var(--t-fast);
  font-variant-numeric:tabular-nums;
}
.woocommerce-checkout #place_order:hover{background:var(--yellow);color:var(--black);transform:translateY(-2px)}
.woocommerce-checkout #place_order:active{transform:translateY(0)}
.woocommerce-checkout #place_order:focus-visible{outline:3px solid var(--black);outline-offset:3px}
.woocommerce-checkout #place_order:disabled{opacity:.5;cursor:not-allowed;transform:none}

/* overlay de traitement (blockUI) */
.woocommerce-checkout .blockUI.blockOverlay{background:var(--bg)!important}

/* ── 9. BLOC RASSURANCE — à injecter via snippet (woocommerce_review_order_after_submit) ── */
.woocommerce-checkout .itk-reassure{margin:20px 24px 28px;border:var(--border-t);background:var(--white)}
.woocommerce-checkout .itk-reassure__row{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border-bottom:var(--border-t)}
.woocommerce-checkout .itk-reassure__row:last-child{border-bottom:0}
.woocommerce-checkout .itk-reassure__ico{width:24px;height:24px;flex-shrink:0}
.woocommerce-checkout .itk-reassure__t{font-family:var(--font-b);font-weight:700;font-size:12px;letter-spacing:.5px;text-transform:uppercase;line-height:1.2;display:block}
.woocommerce-checkout .itk-reassure__d{font-family:var(--font-m);font-size:10px;letter-spacing:.5px;color:rgba(0,0,0,.5);line-height:1.3;display:block;margin-top:2px}

/* ── RESPONSIVE ── */
@media (max-width:980px){
  .woocommerce-checkout form.checkout.woocommerce-checkout{display:block;border:var(--border)}
  .woocommerce-checkout form.checkout #customer_details{border-right:0;border-bottom:var(--border)}
  .woocommerce-checkout form.checkout #order_review{position:static;width:auto}
  /* récap remonté visuellement en haut sur mobile via order (nécessite flex parent — voir NOTES) */
  .woocommerce-checkout #order_review .shop_table,
  .woocommerce-checkout #payment,
  .woocommerce-checkout .itk-reassure{margin-left:18px;margin-right:18px;width:auto}
}
@media (max-width:560px){
  .woocommerce-checkout .col2-set .col-1,
  .woocommerce-checkout .col2-set .col-2{padding:18px}
  .woocommerce-checkout .form-row-first,
  .woocommerce-checkout .form-row-last{width:100%}
  .woocommerce-checkout #order_review_heading{padding-left:18px;padding-right:18px}
  .woocommerce-checkout #place_order{font-size:18px}
}

/* ── ACCESSIBILITÉ GLOBALE ── */
.woocommerce-checkout a:focus-visible,
.woocommerce-checkout button:focus-visible{outline:3px solid var(--yellow);outline-offset:2px}
@media (prefers-reduced-motion:reduce){
  .woocommerce-checkout *,
  .woocommerce-checkout #place_order{transition:none!important}
  .woocommerce-checkout #place_order:hover{transform:none}
}

/* ===== SOURCE: contact-redesign/contact-premium.css ===== */
/* ════════════════════════════════════════════════════════════════
   ITOUKEI — PAGE CONTACT PREMIUM  (v1 — staging, à pousser après validation)
   Cible les classes RÉELLES de la page /contact/ (audit/contact.html) :
     wrapper .page-contact-wrap · .contact-lead · .contact-email-block
     .contact-form-block · #itk-contact-form · champs name="itk_nom"
     name="itk_email" name="itk_message" · #itk-contact-msg
   À APPENDRE à wp-content/themes/itoukei-brutal/style.css
   (ou enqueue séparément). Additif/override — ne casse rien d'autre.
   Le HTML live applique des styles INLINE sur le form : on les neutralise
   avec une spécificité suffisante (sélecteurs imbriqués, pas de !important
   sauf là où l'inline l'impose).
   Palette : Paper #D0CCC0 · Noir #000 · Jaune #F5C900
   ════════════════════════════════════════════════════════════════ */

/* Variables de repli si le thème ne les définit pas déjà */
:root{
  --itk-err:#B00020;
  --itk-ok:#1f7a33;
}

/* ── 0. WRAPPER + EN-TÊTE ─────────────────────────────────────── */
.page-contact-wrap{
  max-width:1400px;margin:0 auto;padding:24px;
}
.page-contact-wrap > h1{
  font-family:var(--font-d,Impact,'Arial Narrow',sans-serif);
  font-size:clamp(56px,11vw,140px);line-height:.82;text-transform:uppercase;
  letter-spacing:-3px;margin:8px 0 0;
}
.contact-lead{
  font-family:var(--font-m,'Courier New',monospace);
  font-size:14px;line-height:1.9;color:rgba(0,0,0,.6);margin-top:18px;max-width:42ch;
}

/* ── 1. BLOC EMAIL (à droite dans le redesign 2 colonnes) ─────── */
.contact-email-block a[href^="mailto:"]{
  transition:background var(--t-fast,.15s ease),color var(--t-fast,.15s ease);
}
.contact-email-block a[href^="mailto:"]:hover{
  background:var(--yellow,#F5C900);color:#000;
}

/* ── 2. LAYOUT 2 COLONNES (form / infos) ──────────────────────── */
/* Le HTML live empile email-block puis form-block. On les met côte à côte. */
@media(min-width:861px){
  .page-contact-wrap{
    display:grid;grid-template-columns:1.3fr 1fr;gap:0;
    align-items:start;column-gap:0;
  }
  .page-contact-wrap > h1,
  .page-contact-wrap > .contact-lead{grid-column:1 / -1}
  .contact-form-block{
    grid-column:1;grid-row:3;
    border-right:var(--border,3px solid #000);
    border-top:var(--border,3px solid #000);
    padding:40px 24px;max-width:none!important;margin-top:24px;
  }
  .contact-email-block{
    grid-column:2;grid-row:3;
    border-top:var(--border,3px solid #000);
    padding:40px 24px;margin:24px 0 0!important;
  }
}

/* ── 3. FORMULAIRE — neutralise les styles inline & re-stylise ── */
#itk-contact-form{margin-top:0!important;}

/* Groupes de champs (les <div> wrappers inline du form live) */
#itk-contact-form > div{position:relative;margin-bottom:24px!important;}

/* Labels visibles, langage UI */
#itk-contact-form label{
  display:block;font-family:var(--font-b,'Space Grotesk',sans-serif);
  font-size:10px!important;font-weight:700;letter-spacing:3px;text-transform:uppercase;
  color:rgba(0,0,0,.55)!important;margin-bottom:8px;
}

/* Champs : inputs ≥44px (ici 48px), bordure brutalist, pas de radius */
#itk-contact-form input[type="text"],
#itk-contact-form input[type="email"],
#itk-contact-form textarea,
#itk-contact-form select{
  width:100%;box-sizing:border-box;background:#fff;
  border:var(--border,3px solid #000)!important;border-radius:0!important;
  padding:13px 15px!important;min-height:48px;font-size:15px!important;color:#000;
  font-family:var(--font-b,'Space Grotesk',sans-serif);outline:none;
  transition:border-color var(--t-fast,.15s ease),box-shadow var(--t-fast,.15s ease);
}
#itk-contact-form textarea{
  min-height:140px;resize:vertical;
  font-family:var(--font-m,'Courier New',monospace)!important;
  font-size:14px!important;line-height:1.6;
}
#itk-contact-form ::placeholder{color:rgba(0,0,0,.35)}

/* ── 4. VALIDATION INLINE ──────────────────────────────────────
   Hooks JS à ajouter (cf. NOTES.md) :
   - état OK   : ajouter .is-valid sur le <div> wrapper du champ
   - état KO   : ajouter .is-error sur le <div> wrapper
   - message d'erreur : <p class="itk-field-error"> injecté sous le champ
   En l'absence de JS, on s'appuie aussi sur :user-invalid (natif).
─────────────────────────────────────────────────────────────── */
#itk-contact-form .is-valid input,
#itk-contact-form .is-valid textarea,
#itk-contact-form .is-valid select{
  border-color:var(--itk-ok)!important;box-shadow:inset 3px 0 0 var(--itk-ok);
}
#itk-contact-form .is-error input,
#itk-contact-form .is-error textarea,
#itk-contact-form .is-error select,
#itk-contact-form input:user-invalid,
#itk-contact-form textarea:user-invalid{
  border-color:var(--itk-err)!important;box-shadow:inset 3px 0 0 var(--itk-err);
}

/* Message d'erreur sous le champ (élément injecté par le JS) */
#itk-contact-form .itk-field-error{
  font-family:var(--font-m,'Courier New',monospace);font-size:12px;
  color:var(--itk-err);margin-top:8px;letter-spacing:.5px;
}

/* ── 5. FOCUS-VISIBLE JAUNE (accessibilité) ───────────────────── */
#itk-contact-form input:focus-visible,
#itk-contact-form textarea:focus-visible,
#itk-contact-form select:focus-visible,
#itk-contact-form button:focus-visible,
.contact-email-block a:focus-visible{
  outline:3px solid var(--yellow,#F5C900)!important;outline-offset:2px;
}

/* ── 6. BOUTON ENVOYER ────────────────────────────────────────── */
#itk-contact-form button[type="submit"]{
  display:inline-flex;align-items:center;gap:10px;
  font-family:var(--font-b,'Space Grotesk',sans-serif);
  font-size:11px!important;font-weight:700;letter-spacing:4px!important;text-transform:uppercase;
  color:#000;background:var(--yellow,#F5C900);
  padding:16px 40px!important;min-height:52px;
  border:var(--border,3px solid #000)!important;border-radius:0;
  cursor:pointer;box-shadow:5px 5px 0 #000!important;
  transition:transform var(--t-fast,.15s ease),box-shadow var(--t-fast,.15s ease);
}
#itk-contact-form button[type="submit"]:hover{
  transform:translate(-2px,-2px);box-shadow:7px 7px 0 #000!important;
}
#itk-contact-form button[type="submit"]:active{
  transform:translate(2px,2px);box-shadow:1px 1px 0 #000!important;
}
#itk-contact-form button[type="submit"][disabled]{opacity:.55;cursor:wait;transform:none}
/* flèche "→" : ajoute un suffixe si le label est juste "Envoyer" */
#itk-contact-form button[type="submit"]::after{content:" →";white-space:pre}

/* ── 7. MESSAGE DE RETOUR (succès / erreur globale) ────────────
   Élément existant : #itk-contact-msg (le JS live met background inline +
   display:block). On habille la typo et neutralise le rendu plat. ──── */
#itk-contact-msg{
  margin-bottom:22px!important;padding:16px 18px!important;
  border:var(--border,3px solid #000)!important;border-radius:0;
  font-family:var(--font-b,'Space Grotesk',sans-serif);
  font-size:14px!important;font-weight:600!important;line-height:1.5;
}

/* ── 8. RESPONSIVE ────────────────────────────────────────────── */
@media(max-width:860px){
  .page-contact-wrap{padding:28px 16px}
  .contact-form-block,.contact-email-block{max-width:none!important}
  #itk-contact-form button[type="submit"]{width:100%;justify-content:center}
}

/* ── 9. PREFERS-REDUCED-MOTION ────────────────────────────────── */
@media(prefers-reduced-motion:reduce){
  #itk-contact-form *,
  .contact-email-block a{transition:none!important}
  #itk-contact-form button[type="submit"]:hover{transform:none}
}

/* ════════════════════════════════════════════════════════════════
   ITOUKEI — FICHE PRODUIT v2 (présentation refaite — 2026-06-01)
   Cible WooCommerce single-product. Brutalist ITOUKEI. Layout-only.
   ════════════════════════════════════════════════════════════════ */
.single-product div.product{
  display:grid;grid-template-columns:1.1fr 1fr;gap:0;
  border:var(--border);background:var(--bg);margin:24px clamp(16px,4vw,48px);
}
.single-product div.product .woocommerce-product-gallery{
  margin:0;padding:0;border-right:var(--border);background:var(--p3,#C0BCB0);position:relative;
}
.single-product div.product .woocommerce-product-gallery__image img{display:block;width:100%}
.single-product div.product .summary.entry-summary{
  padding:clamp(24px,3vw,48px);margin:0;display:flex;flex-direction:column;gap:14px;
}
.single-product .product_title{
  font-family:var(--font-d);font-size:clamp(30px,4vw,56px);line-height:.92;
  text-transform:uppercase;letter-spacing:-1px;margin:0;
}
.single-product .summary .price{
  font-family:var(--font-d);font-size:30px;letter-spacing:1px;color:var(--black);
  font-variant-numeric:tabular-nums;margin:0;
}
.single-product .summary .price del{opacity:.4;font-size:20px;margin-right:8px}
.single-product .summary .price ins{text-decoration:none}
.single-product .woocommerce-product-details__short-description{
  font-family:var(--font-b);font-size:14px;line-height:1.7;color:rgba(0,0,0,.7);
  border-top:var(--border-t);border-bottom:var(--border-t);padding:16px 0;
}
/* Variations (taille / couleur) */
.single-product .variations{border:0;margin:0;width:100%}
.single-product .variations th,.single-product .variations td{padding:6px 0;border:0;display:block;text-align:left}
.single-product .variations th label{
  font-family:var(--font-m);font-size:11px;letter-spacing:2px;text-transform:uppercase;color:rgba(0,0,0,.55);
}
.single-product .variations select{
  width:100%;font-family:var(--font-b);font-weight:600;font-size:13px;letter-spacing:1px;text-transform:uppercase;
  background:var(--white);border:var(--border-t);padding:13px 14px;border-radius:0;min-height:48px;cursor:pointer;
}
.single-product .reset_variations{font-family:var(--font-m);font-size:11px;letter-spacing:1px}
/* Quantité + Add to cart */
.single-product form.cart{display:flex;gap:12px;align-items:stretch;flex-wrap:wrap;margin:6px 0 0}
.single-product .quantity .qty{
  width:72px;height:52px;border:var(--border);background:var(--white);text-align:center;
  font-family:var(--font-d);font-size:18px;border-radius:0;
}
.single-product .single_add_to_cart_button,
.single-product button.single_add_to_cart_button{
  flex:1;min-height:52px;border:var(--border);background:var(--black);color:var(--yellow);
  font-family:var(--font-b);font-weight:700;font-size:13px;letter-spacing:3px;text-transform:uppercase;
  border-radius:0;cursor:pointer;transition:background var(--transition-fast,.15s ease),color .15s;
}
.single-product .single_add_to_cart_button:hover{background:var(--yellow);color:var(--black)}
/* Quickinfo (plugin) */
.itk-product-quickinfo{
  list-style:none;margin:6px 0 0;padding:16px 0 0;border-top:var(--border-t);
  display:flex;flex-wrap:wrap;gap:10px 18px;font-family:var(--font-m);font-size:11px;
  letter-spacing:1px;text-transform:uppercase;color:rgba(0,0,0,.6);
}
.itk-product-quickinfo li{margin:0}
.itk-product-quickinfo a{border-bottom:1px solid var(--black)}
/* Meta (sku/cat) */
.single-product .product_meta{font-family:var(--font-m);font-size:11px;letter-spacing:1px;color:rgba(0,0,0,.5);border-top:var(--border-t);padding-top:14px}
.single-product .product_meta a{color:var(--black)}
/* Onglets */
.single-product .woocommerce-tabs{grid-column:1 / -1;border-top:var(--border);padding:clamp(24px,3vw,48px)}
.single-product .woocommerce-tabs ul.tabs{display:flex;gap:0;padding:0;margin:0 0 24px;border:0;flex-wrap:wrap}
.single-product .woocommerce-tabs ul.tabs li{
  list-style:none;border:var(--border-t);margin-left:-1.5px;background:transparent;border-radius:0;
}
.single-product .woocommerce-tabs ul.tabs li::before,
.single-product .woocommerce-tabs ul.tabs li::after{display:none}
.single-product .woocommerce-tabs ul.tabs li a{
  font-family:var(--font-b);font-weight:700;font-size:11px;letter-spacing:2px;text-transform:uppercase;
  padding:12px 18px;color:rgba(0,0,0,.6);display:block;
}
.single-product .woocommerce-tabs ul.tabs li.active{background:var(--black)}
.single-product .woocommerce-tabs ul.tabs li.active a{color:var(--yellow)}
.single-product .woocommerce-Tabs-panel{font-family:var(--font-b);font-size:14px;line-height:1.7}
.single-product .woocommerce-Tabs-panel h2{font-family:var(--font-d);font-size:24px;text-transform:uppercase}
/* Produits liés */
.single-product .related.products{grid-column:1 / -1;border-top:var(--border);padding:clamp(24px,3vw,48px) 0 0;margin:0}
.single-product .related.products>h2{
  font-family:var(--font-d);font-size:clamp(26px,3vw,42px);text-transform:uppercase;
  padding:0 clamp(16px,4vw,48px);margin:0 0 24px;letter-spacing:-.5px;
}
/* RESPONSIVE : empile sur mobile/tablette */
@media(max-width:880px){
  .single-product div.product{grid-template-columns:1fr;margin:16px}
  .single-product div.product .woocommerce-product-gallery{border-right:0;border-bottom:var(--border)}
  .single-product form.cart .single_add_to_cart_button{flex:1 1 100%}
}
@media(prefers-reduced-motion:reduce){
  .single-product .single_add_to_cart_button{transition:none}
}

/* ════════════════════════════════════════════════════════════════
   PANIER v2 — réparation layout + dé-brutalisation (2026-06-06)
   Bugs corrigés :
   1) td.product-remove mangeait 757px (table-layout:auto + aucune largeur)
      -> tout le contenu tassé à droite, 60% de vide à gauche.
      FIX : table-layout:fixed + largeurs de colonnes explicites (le nom prend le reste).
      (corrige aussi le débordement 1237px > conteneur 1184px)
   2) miniature produit rendue en 4x4px (placeholder) -> sliver vertical.
      FIX : boîte miniature fixe + object-fit cover.
   3) Impact partout (noms produits, « Total panier », « TOTAL ») + barre d'en-tête
      noire + bordures 2-3px : c'était l'ancien brutalist (mien + premium.css).
      FIX : Space Grotesk sentence-case, hairlines 1px, en-tête mono discret.
   Spécificité : on mène par `body.woocommerce-cart` pour battre premium.css (0,2,x)
   ET mes anciennes règles panier (qui utilisaient --itk-fd=Impact). ════════════ */

/* 1 — LAYOUT TABLE : fixed + colonnes calibrées (le nom absorbe l'espace) */
body.woocommerce-cart table.cart,
body.woocommerce-cart table.shop_table{
  table-layout:fixed!important;width:100%!important;
  border:1px solid rgba(17,17,17,.14)!important;border-collapse:collapse!important;background:transparent!important;
}
body.woocommerce-cart table.shop_table th.product-remove,
body.woocommerce-cart table.shop_table td.product-remove{width:46px!important;min-width:46px!important;text-align:center!important;padding:14px 4px 14px 10px!important}
body.woocommerce-cart table.shop_table th.product-thumbnail,
body.woocommerce-cart table.shop_table td.product-thumbnail{width:92px!important;min-width:92px!important}
body.woocommerce-cart table.shop_table th.product-name,
body.woocommerce-cart table.shop_table td.product-name{width:auto!important;padding-left:10px!important}
body.woocommerce-cart table.shop_table th.product-price,
body.woocommerce-cart table.shop_table td.product-price{width:120px!important}
body.woocommerce-cart table.shop_table th.product-quantity,
body.woocommerce-cart table.shop_table td.product-quantity{width:128px!important}
body.woocommerce-cart table.shop_table th.product-subtotal,
body.woocommerce-cart table.shop_table td.product-subtotal{width:120px!important}

/* 2 — MINIATURE : boîte fixe, l'image ne peut plus se réduire à un sliver */
body.woocommerce-cart table.shop_table td.product-thumbnail img{
  width:72px!important;height:90px!important;object-fit:cover!important;
  border:1px solid rgba(17,17,17,.12)!important;border-radius:0!important;display:block!important;
}
/* Wishlist (cœur) superflue dans le panier -> masquée */
body.woocommerce-cart .itk-wishlist-btn,
body.woocommerce-cart table.shop_table .itk-wishlist-btn,
body.woocommerce-cart td.product-remove .itk-wishlist-btn{display:none!important}

/* 3 — EN-TÊTE : barre noire brutale -> labels mono discrets sur hairline */
body.woocommerce-cart table.shop_table thead th{
  background:transparent!important;color:rgba(17,17,17,.5)!important;
  font-family:var(--font-m,'Courier New',monospace)!important;font-weight:500!important;
  font-size:10px!important;letter-spacing:1.5px!important;text-transform:uppercase!important;
  border:0!important;border-bottom:1px solid rgba(17,17,17,.2)!important;padding:14px 12px!important;text-align:left!important;
}
/* Cellules corps : hairline, aérées */
body.woocommerce-cart table.shop_table tbody td{
  border-top:1px solid rgba(17,17,17,.1)!important;border-bottom:0!important;
  padding:18px 12px!important;vertical-align:middle!important;background:transparent!important;
  font-family:var(--font-b,'Space Grotesk',system-ui,sans-serif)!important;
}
body.woocommerce-cart table.shop_table tbody tr:hover{background:transparent!important}

/* Nom produit : Impact -> Space Grotesk sentence-case */
body.woocommerce-cart table.shop_table td.product-name a{
  font-family:'Space Grotesk',system-ui,sans-serif!important;text-transform:none!important;
  font-weight:500!important;font-size:15px!important;letter-spacing:0!important;line-height:1.3!important;color:#111!important;
}
body.woocommerce-cart table.shop_table td.product-name a:hover{color:rgba(17,17,17,.6)!important}
body.woocommerce-cart td.product-name .variation,
body.woocommerce-cart td.product-name dl.variation,
body.woocommerce-cart td.product-name dl.variation *{
  font-family:var(--font-m,'Courier New',monospace)!important;font-size:11px!important;
  color:rgba(17,17,17,.55)!important;text-transform:uppercase!important;letter-spacing:1px!important;margin-top:4px!important;
}

/* Prix + sous-total ligne : mono tabulaire (plus d'Impact 20px) */
body.woocommerce-cart td.product-price,
body.woocommerce-cart td.product-subtotal,
body.woocommerce-cart td.product-price .amount,
body.woocommerce-cart td.product-subtotal .amount{
  font-family:var(--font-m,'Courier New',monospace)!important;font-size:14px!important;font-weight:600!important;
  font-variant-numeric:tabular-nums!important;color:#111!important;text-transform:none!important;letter-spacing:0!important;
}

/* Quantité : bordure hairline (plus de 2px noir) */
body.woocommerce-cart td.product-quantity .quantity,
body.woocommerce-cart .quantity{border:0!important;background:transparent!important}
body.woocommerce-cart td.product-quantity input.qty,
body.woocommerce-cart .quantity input.qty{
  width:62px!important;height:44px!important;border:1px solid rgba(17,17,17,.3)!important;border-radius:0!important;
  font-family:var(--font-m,'Courier New',monospace)!important;font-size:14px!important;text-align:center!important;
  background:#fff!important;font-variant-numeric:tabular-nums!important;
}

/* Supprimer × : pastille discrète */
body.woocommerce-cart td.product-remove a.remove{
  width:26px!important;height:26px!important;line-height:24px!important;font-size:13px!important;
  border:1px solid rgba(17,17,17,.25)!important;color:rgba(17,17,17,.5)!important;background:transparent!important;
  border-radius:50%!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;
}
body.woocommerce-cart td.product-remove a.remove:hover{background:#111!important;color:#D0CCC0!important;border-color:#111!important}

/* Code promo + maj panier : mono, hairline */
body.woocommerce-cart .coupon .input-text,
body.woocommerce-cart #coupon_code{
  border:1px solid rgba(17,17,17,.3)!important;border-radius:0!important;background:#fff!important;
  font-family:var(--font-m,'Courier New',monospace)!important;font-size:13px!important;letter-spacing:1px!important;text-transform:uppercase!important;
}
body.woocommerce-cart .coupon .button[name="apply_coupon"],
body.woocommerce-cart .actions .button[name="update_cart"],
body.woocommerce-cart button[name="update_cart"]{
  font-family:var(--font-m,'Courier New',monospace)!important;font-size:11px!important;
  letter-spacing:1.5px!important;text-transform:uppercase!important;border-radius:0!important;font-weight:500!important;
}

/* 4 — ENCART TOTAUX : hairline, titres dé-brutalisés */
body.woocommerce-cart .cart-collaterals .cart_totals,
body.woocommerce-cart .cart_totals{
  border:1px solid rgba(17,17,17,.16)!important;background:transparent!important;padding:26px 24px!important;
}
body.woocommerce-cart .cart_totals h2{
  font-family:'Space Grotesk',system-ui,sans-serif!important;text-transform:none!important;font-weight:500!important;
  font-size:clamp(1.25rem,2vw,1.6rem)!important;letter-spacing:-.01em!important;
  border-bottom:1px solid rgba(17,17,17,.16)!important;padding-bottom:16px!important;margin-bottom:4px!important;
}
body.woocommerce-cart .cart_totals table,
body.woocommerce-cart .cart_totals table th,
body.woocommerce-cart .cart_totals table td{border:0!important;background:transparent!important}
body.woocommerce-cart .cart_totals table th{
  font-family:var(--font-b,'Space Grotesk',sans-serif)!important;font-weight:500!important;
  text-transform:none!important;font-size:14px!important;color:rgba(17,17,17,.7)!important;padding:14px 0!important;
}
body.woocommerce-cart .cart_totals table td{font-family:var(--font-m,monospace)!important;text-align:right!important;font-variant-numeric:tabular-nums!important;padding:14px 0!important}
/* « TOTAL » : Impact -> Space Grotesk */
body.woocommerce-cart .cart_totals .order-total th,
body.woocommerce-cart .cart_totals .order-total td,
body.woocommerce-cart .cart_totals .order-total .amount{
  font-family:'Space Grotesk',system-ui,sans-serif!important;text-transform:none!important;
}
body.woocommerce-cart .cart_totals .order-total th{font-size:16px!important;font-weight:600!important;color:#111!important}
body.woocommerce-cart .cart_totals .order-total .amount{font-weight:600!important;font-size:20px!important;font-variant-numeric:tabular-nums!important;color:#111!important}

/* 5 — CTA VALIDER : encre + accent jaune, sentence-case (un seul accent fort) */
body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
body.woocommerce-cart a.checkout-button{
  background:#111!important;color:#F5C900!important;border:0!important;border-radius:0!important;
  font-family:'Space Grotesk',system-ui,sans-serif!important;text-transform:none!important;font-weight:500!important;
  font-size:15px!important;letter-spacing:.005em!important;padding:18px 28px!important;
}
body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover,
body.woocommerce-cart a.checkout-button:hover{background:#000!important;color:#F5C900!important}

/* 6 — FIX RANGÉE ACTIONS (code promo + maj) : premium.css force display:flex sur
   le <td colspan=6>, ce qui lui retire sa nature table-cell -> en table-layout:fixed
   il se réduit à 46px (1re colonne) et les boutons se chevauchent. On restaure
   table-cell pour que le colspan reprenne toute la largeur. */
body.woocommerce-cart table.shop_table td.actions{
  display:table-cell!important;width:auto!important;padding:20px 12px!important;
  background:transparent!important;border-top:1px solid rgba(17,17,17,.12)!important;text-align:left!important;
}
body.woocommerce-cart td.actions .coupon{
  display:inline-flex!important;flex-direction:row!important;gap:10px!important;align-items:stretch!important;
  max-width:460px!important;width:auto!important;float:none!important;margin:0!important;vertical-align:middle!important;
}
body.woocommerce-cart td.actions .coupon .input-text,
body.woocommerce-cart td.actions #coupon_code{flex:1 1 220px!important;min-width:0!important;width:auto!important}
body.woocommerce-cart td.actions button[name="update_cart"]{float:right!important;margin:0 0 0 auto!important;width:auto!important}

/* RESPONSIVE PANIER ≤768px : la table devient des cartes empilées (label mono via data-title) */
@media(max-width:768px){
  body.woocommerce-cart table.cart,
  body.woocommerce-cart table.shop_table{table-layout:auto!important;width:100%!important;border:0!important;border-collapse:collapse!important}
  body.woocommerce-cart table.shop_table thead{display:none!important}
  body.woocommerce-cart table.shop_table tbody{display:block!important;width:100%!important}
  body.woocommerce-cart table.shop_table tr{display:block!important;width:auto!important}
  /* chaque article = une carte hairline */
  body.woocommerce-cart table.shop_table tr.cart_item{
    display:grid!important;grid-template-columns:66px 1fr!important;column-gap:14px!important;row-gap:2px!important;
    align-items:center!important;border:1px solid rgba(17,17,17,.16)!important;
    padding:14px!important;margin:0 0 14px!important;position:relative!important;
  }
  body.woocommerce-cart table.shop_table tr.cart_item td{
    display:block!important;width:auto!important;border:0!important;padding:3px 0!important;text-align:left!important;
  }
  body.woocommerce-cart td.product-thumbnail{grid-column:1!important;grid-row:1 / span 2!important;width:66px!important}
  body.woocommerce-cart td.product-thumbnail img{width:66px!important;height:82px!important}
  body.woocommerce-cart td.product-name{grid-column:2!important;font-size:14px!important;padding-right:24px!important}
  body.woocommerce-cart td.product-name::before{display:none!important}
  body.woocommerce-cart td.product-price,
  body.woocommerce-cart td.product-quantity,
  body.woocommerce-cart td.product-subtotal{
    grid-column:2!important;display:flex!important;justify-content:space-between!important;align-items:center!important;gap:10px!important;
  }
  body.woocommerce-cart td.product-price::before,
  body.woocommerce-cart td.product-quantity::before,
  body.woocommerce-cart td.product-subtotal::before{
    content:attr(data-title);font-family:var(--font-m,'Courier New',monospace)!important;
    font-size:10px!important;letter-spacing:1px!important;text-transform:uppercase!important;color:rgba(17,17,17,.5)!important;
  }
  body.woocommerce-cart td.product-remove{position:absolute!important;top:8px!important;right:8px!important;width:auto!important;padding:0!important}
  /* actions empilées pleine largeur */
  body.woocommerce-cart table.shop_table tr:has(td.actions),
  body.woocommerce-cart td.actions{display:block!important;width:auto!important;border-top:0!important;padding:6px 0!important}
  body.woocommerce-cart td.actions .coupon{display:flex!important;flex-direction:column!important;width:100%!important;max-width:none!important;gap:10px!important;margin:0 0 10px!important}
  body.woocommerce-cart td.actions .coupon .input-text,
  body.woocommerce-cart td.actions .coupon #coupon_code,
  body.woocommerce-cart td.actions .coupon .button[name="apply_coupon"]{width:100%!important;flex:1 1 100%!important;box-sizing:border-box!important}
  body.woocommerce-cart td.actions button[name="update_cart"]{float:none!important;width:100%!important;margin:0!important}
  /* totaux pleine largeur */
  body.woocommerce-cart .cart-collaterals,
  body.woocommerce-cart .cart-collaterals .cart_totals{max-width:none!important;width:auto!important;float:none!important;margin-left:0!important}
}

/* ════════════════════════════════════════════════════════════════
   HOMEPAGE REFONTE — product-first (directive 2026-06)
   Scopé body.home + .itk-h-* (zéro fuite). Accent rouge --itk-accent
   sur CTA primaire + badge « Épuisé » uniquement (test). Jaune = base marque.
   Mobile-first, fond blanc produits, images 3:4, Swiper carrousels.
   ════════════════════════════════════════════════════════════════ */
body.home .itk-home{
  --itk-accent:#E2231A; --itk-ink:#111; --itk-line:rgba(17,17,17,.14);
  --itk-fb:'Space Grotesk',system-ui,sans-serif; --itk-fm:'Courier New',Courier,monospace;
  /* clip (pas hidden) : clippe l'overflow horizontal SANS casser position:sticky (rail manifeste) */
  overflow-x:clip;display:block;
}
body.home .itk-home img{max-width:100%;display:block}
body.home .itk-h-eyebrow{font-family:var(--itk-fm);font-size:11px;letter-spacing:3px;text-transform:uppercase;color:rgba(17,17,17,.5);margin:0 0 10px;display:block}

/* Boutons */
body.home .itk-h-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:0 26px;border-radius:0;font-family:var(--itk-fb);font-weight:500;font-size:14px;letter-spacing:.01em;text-decoration:none;cursor:pointer;border:1px solid transparent;transition:transform .2s,background .25s,color .25s,border-color .25s}
body.home .itk-h-btn--primary{background:#F5C900;color:#111;border-color:#F5C900}
body.home .itk-h-btn--primary:hover{background:#111;border-color:#111;color:#fff}
body.home .itk-h-btn--ghost{background:transparent;color:#111;border-color:#111}
body.home .itk-h-btn--ghost:hover{background:#111;color:#D0CCC0}
body.home .itk-h-btn--lg{min-height:56px;padding:0 34px;font-size:15px}

/* Scaffold sections */
body.home .itk-h-sec{max-width:1400px;margin:0 auto;padding:clamp(48px,8vw,96px) clamp(16px,4vw,40px)}
body.home .itk-h-sec__head{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 16px;margin:0 0 clamp(20px,3vw,36px)}
body.home .itk-h-sec__head .itk-h-eyebrow{flex-basis:100%;margin:0}
body.home .itk-h-sec__title{font-family:var(--itk-fb)!important;font-weight:500!important;text-transform:none!important;letter-spacing:-.02em!important;font-size:clamp(1.8rem,4vw,3rem)!important;line-height:1.05!important;margin:0!important}
body.home .itk-h-sec__link{margin-left:auto;font-family:var(--itk-fm);font-size:12px;letter-spacing:1px;text-transform:uppercase;color:#111;text-decoration:none;border-bottom:1px solid #111;padding-bottom:2px}
body.home .itk-h-sec__link:hover{color:var(--itk-accent);border-color:var(--itk-accent)}

/* 1 — HERO (padding-top pour dégager la nav fixed) */
body.home .itk-h-hero{max-width:1400px;margin:0 auto;padding:clamp(88px,12vh,124px) clamp(16px,4vw,40px) clamp(40px,6vw,72px)}
body.home .itk-h-hero__inner{display:grid;grid-template-columns:1fr;gap:clamp(24px,4vw,48px);align-items:center}
@media(min-width:900px){body.home .itk-h-hero__inner{grid-template-columns:1.05fr .95fr}}
body.home .itk-h-hero__title{font-family:var(--itk-fb)!important;font-weight:500!important;text-transform:none!important;letter-spacing:-.03em!important;font-size:clamp(2.6rem,7vw,5rem)!important;line-height:.98!important;margin:0 0 18px!important;color:#111!important}
body.home .itk-h-hero__lede{font-family:var(--itk-fb);font-size:clamp(1.05rem,1.6vw,1.3rem);line-height:1.6;color:rgba(17,17,17,.72);margin:0 0 28px;max-width:34ch}
body.home .itk-h-hero__ctas{display:flex;flex-wrap:wrap;gap:12px}
body.home .itk-h-hero__media{position:relative;background:#fff;border:1px solid var(--itk-line);aspect-ratio:3/4;overflow:hidden}
body.home .itk-h-hero__media img{width:100%;height:100%;object-fit:cover}
@media(min-width:900px){body.home .itk-h-hero__media{max-width:520px;margin-left:auto;width:100%}}

/* Placeholder + ruban Bientôt */
body.home .itk-h-ph{width:100%;height:100%;min-height:150px;display:flex;align-items:center;justify-content:center;background:repeating-linear-gradient(45deg,#fff,#fff 10px,#f4f2ec 10px,#f4f2ec 20px)}
body.home .itk-h-ph span{font-family:var(--itk-fm);font-size:12px;letter-spacing:2px;text-transform:uppercase;color:rgba(17,17,17,.4)}
body.home .itk-h-soon{position:absolute;top:10px;left:10px;font-family:var(--itk-fm);font-size:10px;letter-spacing:1.5px;text-transform:uppercase;background:rgba(17,17,17,.82);color:#fff;padding:4px 8px}

/* 2 — COLLECTIONS (Swiper) */
body.home .itk-h-coll{display:block;text-decoration:none;color:#111}
body.home .itk-h-coll__media{position:relative;aspect-ratio:3/4;background:#fff;border:1px solid var(--itk-line);overflow:hidden}
body.home .itk-h-coll__media img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
body.home .itk-h-coll:hover .itk-h-coll__media img{transform:scale(1.04)}
body.home .itk-h-coll__label{display:block;margin-top:12px;font-family:var(--itk-fb);font-weight:500;font-size:15px}
body.home .itk-h-coll.is-soon{cursor:default;opacity:.9}

/* 3 — PRODUITS (grille 3:4) */
body.home .itk-h-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(12px,2vw,24px)}
@media(min-width:760px){body.home .itk-h-grid{grid-template-columns:repeat(3,1fr)}}
@media(min-width:1100px){body.home .itk-h-grid{grid-template-columns:repeat(4,1fr)}}
body.home .itk-h-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--itk-line)}
body.home .itk-h-card__media{position:relative;display:block;aspect-ratio:3/4;overflow:hidden;background:#fff}
body.home .itk-h-card__media img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
body.home .itk-h-card:hover .itk-h-card__media img{transform:scale(1.04)}
body.home .itk-h-card.is-out .itk-h-card__media img{filter:grayscale(1) opacity(.6)}
body.home .itk-h-badge{position:absolute;top:10px;left:10px;z-index:2;font-family:var(--itk-fm);font-size:10px;letter-spacing:1.5px;text-transform:uppercase;padding:4px 9px}
body.home .itk-h-badge--out{background:var(--itk-accent);color:#fff}
body.home .itk-h-card__body{display:flex;flex-direction:column;gap:8px;padding:14px}
body.home .itk-h-card__name{font-family:var(--itk-fb)!important;font-weight:500!important;font-size:14px!important;line-height:1.3!important;margin:0!important;text-transform:none!important}
body.home .itk-h-card__name a{color:#111;text-decoration:none}
body.home .itk-h-card__price{font-family:var(--itk-fm);font-size:14px;font-weight:600;font-variant-numeric:tabular-nums;color:#111}
body.home .itk-h-card__cta{margin-top:6px;min-height:42px;font-size:12px;width:100%}

/* 4 — MOTIVATION */
body.home .itk-h-motivation{background:#111;color:#D0CCC0;text-align:center;padding:clamp(56px,9vw,120px) clamp(16px,5vw,40px)}
body.home .itk-h-motivation__quote{font-family:var(--itk-fb);font-weight:400;font-size:clamp(1.5rem,3.6vw,2.6rem);line-height:1.25;letter-spacing:-.01em;margin:0 auto 28px;max-width:20ch;border:0}
body.home .itk-h-motivation__quote em{font-style:normal;color:#fff}
body.home .itk-h-motivation .itk-h-btn--primary:hover{background:#fff;color:#111;border-color:#fff}

/* 5 — SUR LE TERRAIN : photos portées (paysage 3:2) */
body.home .itk-h-reel{position:relative;display:block;aspect-ratio:3/2;overflow:hidden;background:#000;border:1px solid var(--itk-line)}
body.home .itk-h-reel img{width:100%;height:100%;object-fit:cover;opacity:.96;transition:transform .6s,opacity .3s}
body.home .itk-h-reel:hover img{transform:scale(1.04);opacity:1}
body.home .itk-h-reel__tag{position:absolute;left:10px;bottom:10px;font-family:var(--itk-fm);font-size:10px;letter-spacing:1px;text-transform:lowercase;background:rgba(0,0,0,.55);color:#fff;padding:4px 9px;backdrop-filter:blur(2px);pointer-events:none}

/* 6 — GALERIE */
body.home .itk-h-gallery__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
@media(min-width:760px){body.home .itk-h-gallery__grid{grid-template-columns:repeat(3,1fr)}}
body.home .itk-h-tile{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:84px;padding:0 20px;background:#fff;border:1px solid var(--itk-line);text-decoration:none;color:#111;transition:background .25s,color .25s}
body.home .itk-h-tile:hover:not(.is-soon){background:#111;color:#D0CCC0}
body.home .itk-h-tile__name{font-family:var(--itk-fb);font-weight:500;font-size:clamp(1rem,2vw,1.3rem)}
body.home .itk-h-tile__arrow{font-family:var(--itk-fm)}
body.home .itk-h-tile.is-soon{opacity:.7;cursor:default}
body.home .itk-h-tile.is-soon .itk-h-soon{position:static;background:transparent;color:rgba(17,17,17,.5);padding:0}
body.home .itk-h-empty{font-family:var(--itk-fm);font-size:13px;letter-spacing:1px;color:rgba(17,17,17,.6);padding:40px 0}

/* Swiper */
body.home .itk-swiper-collections,body.home .itk-swiper-reels{overflow:visible}
body.home .swiper-pagination.itk-swiper-collections__pag{position:static;margin-top:18px;text-align:left}
body.home .itk-swiper-collections__pag .swiper-pagination-bullet{background:#111;opacity:.25;border-radius:0;width:18px;height:3px;transition:opacity .2s}
body.home .itk-swiper-collections__pag .swiper-pagination-bullet-active{opacity:1;background:var(--itk-accent)}

@media(prefers-reduced-motion:reduce){
  body.home .itk-h-coll__media img,body.home .itk-h-card__media img,body.home .itk-h-reel img{transition:none}
}

/* ════════════════════════════════════════════════════════════════
   FIXES 2026-06 (audit client) — fiche produit, guide tailles, textes
   pages info, signature Univers. Scopés, !important pour battre premium.css.
   ════════════════════════════════════════════════════════════════ */

/* 1 — FICHE PRODUIT : image entière (plus de crop/zoom « on voit un coin ») */
body.single-product .woocommerce-product-gallery{background:#fff!important;overflow:hidden}
body.single-product .woocommerce-product-gallery__image,
body.single-product .woocommerce-product-gallery .flex-viewport{background:#fff!important}
body.single-product .woocommerce-product-gallery__image img,
body.single-product .woocommerce-product-gallery img{
  object-fit:contain!important;width:100%!important;height:auto!important;max-height:76vh!important;
  transform:none!important;cursor:default!important;
}
/* neutralise l'overlay zoom (magnifier) éventuel */
body.single-product .woocommerce-product-gallery .zoomImg,
body.single-product .woocommerce-product-gallery img.zoomImg{display:none!important;opacity:0!important}
body.single-product .woocommerce-product-gallery__trigger{z-index:3}

/* 2 — GUIDE DES TAILLES inline (panneau injecté) */
body.single-product .itk-sizeguide{
  margin:18px 0 0;border:1px solid rgba(17,17,17,.16);background:#fff;padding:16px 18px;
  font-family:var(--font-b,'Space Grotesk',sans-serif);
}
body.single-product .itk-sizeguide__head{display:flex;align-items:center;justify-content:space-between;font-weight:600;font-size:14px;margin-bottom:10px}
body.single-product .itk-sizeguide__close{background:none;border:0;font-size:20px;line-height:1;cursor:pointer;color:#111}
body.single-product .itk-sizeguide__table{width:100%;border-collapse:collapse;font-size:13px}
body.single-product .itk-sizeguide__table th,
body.single-product .itk-sizeguide__table td{border:1px solid rgba(17,17,17,.12);padding:7px 10px;text-align:left;font-variant-numeric:tabular-nums}
body.single-product .itk-sizeguide__table th{font-family:var(--font-m,monospace);font-size:10px;letter-spacing:1px;text-transform:uppercase;color:rgba(17,17,17,.6);font-weight:500}
body.single-product .itk-sizeguide__note{font-size:12px;color:rgba(17,17,17,.6);margin:10px 0 0}
body.single-product .itk-sizeguide__note a{color:#111;text-decoration:underline}

/* 3 — PAGES INFO : texte agrandi (FAQ, Livraison, Retours, CGV, Guide, Confidentialité, Mentions) */
body.page:not(.home):not(.woocommerce-page) .entry-content p,
body.page:not(.home):not(.woocommerce-page) .entry-content li,
body.page:not(.home):not(.woocommerce-page) .page-content p,
body.page:not(.home):not(.woocommerce-page) .page-content li{
  font-size:17px!important;line-height:1.75!important;
}
body.page:not(.home):not(.woocommerce-page) .entry-content h2,
body.page:not(.home):not(.woocommerce-page) .page-content h2{font-size:clamp(1.4rem,2.6vw,2rem)!important;line-height:1.2!important}
body.page:not(.home):not(.woocommerce-page) .entry-content h3,
body.page:not(.home):not(.woocommerce-page) .page-content h3{font-size:clamp(1.1rem,2vw,1.4rem)!important}

/* 4 — UNIVERS : signature « No Risk, No Story » — retire l'ombre moche + Space Grotesk */
.itoukei-story-overlay-signature{
  text-shadow:none!important;box-shadow:none!important;
  font-family:'Space Grotesk',system-ui,sans-serif!important;font-weight:500!important;letter-spacing:.02em!important;
}
.itoukei-story-overlay-final,
.itoukei-story-overlay-final-box{box-shadow:none!important;text-shadow:none!important}
.itoukei-story-overlay-final p{text-shadow:none!important}

/* 5 — HOME HERO : présence renforcée (plus « bannière ») */
@media(min-width:900px){
  body.home .itk-h-hero__inner{min-height:74vh;grid-template-columns:1.05fr 1fr}
  body.home .itk-h-hero__media{max-width:none;width:100%;height:100%;min-height:64vh}
  body.home .itk-h-hero__media img{height:100%}
}

/* ════════════════════════════════════════════════════════════════
   HOME ÉMOTION-FIRST (9 sections) — body.home .itk-h2-*
   01 Entrée → 02 7 questions → 03 Univers → 04 Rappel+CTA →
   05 Shop cat. → 06 Pièces → 07 Atelier → 08 Communauté → 09 Clôture
   Produits APRÈS l'émotion/univers (contrainte DA). Accent rouge CTA only.
   ════════════════════════════════════════════════════════════════ */

/* 01 — ENTRÉE FORTE (bannière pleine largeur) */
body.home .itk-h2-hero{position:relative;min-height:92vh;display:flex;align-items:flex-end;
  background-size:cover;background-position:center;background-color:#0c0c0d;color:#fff;overflow:hidden}
body.home .itk-h2-hero__scrim{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.25) 0%,rgba(0,0,0,.15) 45%,rgba(0,0,0,.78) 100%);z-index:1}
body.home .itk-h2-hero__inner{position:relative;z-index:2;max-width:1400px;margin:0 auto;width:100%;padding:0 clamp(20px,5vw,64px) clamp(48px,8vh,96px)}
body.home .itk-h2-eyebrow{font-family:var(--itk-fm);font-size:11px;letter-spacing:3px;text-transform:uppercase;color:rgba(255,255,255,.7);margin:0 0 14px;display:block}
body.home .itk-h2-hero__title{font-family:'Space Grotesk',system-ui,sans-serif!important;font-weight:500!important;text-transform:none!important;color:#fff!important;
  font-size:clamp(2.6rem,7vw,5.6rem)!important;line-height:.98!important;letter-spacing:-.03em!important;margin:0 0 20px!important}
body.home .itk-h2-hero__lead{font-family:var(--itk-fb);font-size:clamp(1.05rem,1.8vw,1.4rem);line-height:1.55;color:rgba(255,255,255,.88);max-width:46ch;margin:0}
body.home .itk-h2-hero__cta{margin-top:30px}
body.home .itk-h2-scroll{display:inline-block;margin-top:28px;font-family:var(--itk-fm);font-size:11px;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,.7)}
body.home .itk-h2-hero__cta + .itk-h2-scroll{margin-top:20px}

/* 02 — LES 7 QUESTIONS (panneaux pleine largeur) */
body.home .itk-h2-questions{display:block}
body.home .itk-h2-q{position:relative;min-height:62vh;display:flex;align-items:center;
  background-size:cover;background-position:center;background-color:#111;color:#fff;overflow:hidden}
body.home .itk-h2-q__scrim{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.72) 0%,rgba(0,0,0,.42) 55%,rgba(0,0,0,.2) 100%);z-index:1}
body.home .itk-h2-q:nth-child(even) .itk-h2-q__scrim{background:linear-gradient(270deg,rgba(0,0,0,.72) 0%,rgba(0,0,0,.42) 55%,rgba(0,0,0,.2) 100%)}
body.home .itk-h2-q__inner{position:relative;z-index:2;max-width:1400px;margin:0 auto;width:100%;padding:0 clamp(20px,5vw,64px)}
body.home .itk-h2-q:nth-child(even) .itk-h2-q__inner{text-align:right}
body.home .itk-h2-q:nth-child(even) .itk-h2-q__text{margin-left:auto}
body.home .itk-h2-q__num{font-family:var(--itk-fm);font-size:12px;letter-spacing:4px;color:var(--itk-accent,#E2231A);display:block;margin-bottom:14px}
body.home .itk-h2-q__text{font-family:'Space Grotesk',system-ui,sans-serif;font-weight:500;font-size:clamp(1.7rem,4.4vw,3.3rem);line-height:1.1;letter-spacing:-.02em;max-width:18ch;margin:0}

/* 03 — UNIVERS (split paper) */
body.home .itk-h2-univers{display:grid;grid-template-columns:1fr;gap:0;background:#D0CCC0;align-items:stretch}
@media(min-width:900px){body.home .itk-h2-univers{grid-template-columns:1.1fr .9fr}}
body.home .itk-h2-univers__media{overflow:hidden;background:#111;min-height:48vh}
body.home .itk-h2-univers__media img{width:100%;height:100%;object-fit:cover;display:block}
body.home .itk-h2-univers__text{display:flex;flex-direction:column;justify-content:center;padding:clamp(40px,6vw,84px) clamp(20px,5vw,64px)}
body.home .itk-h2-univers__title{font-family:'Space Grotesk',system-ui,sans-serif!important;font-weight:500!important;text-transform:none!important;font-size:clamp(2rem,4vw,3.2rem)!important;line-height:1.04!important;letter-spacing:-.02em!important;margin:10px 0 14px!important}
body.home .itk-h2-univers__p{font-family:var(--itk-fb);font-size:clamp(1.05rem,1.6vw,1.3rem);color:rgba(17,17,17,.72);margin:0 0 24px}

/* 04 — RAPPEL PHYSIQUE + CTA (ink) */
body.home .itk-h2-rappel{background:#111;color:#D0CCC0;text-align:center;padding:clamp(64px,11vw,140px) clamp(20px,5vw,40px)}
body.home .itk-h2-rappel__q{font-family:'Space Grotesk',system-ui,sans-serif;font-weight:400;font-size:clamp(1.5rem,3.6vw,2.7rem);line-height:1.25;letter-spacing:-.01em;max-width:22ch;margin:0 auto 30px}
body.home .itk-h2-rappel__q em{font-style:normal;color:#fff}

/* 07 — ATELIER (split paper) */
body.home .itk-h2-atelier{display:grid;grid-template-columns:1fr;gap:clamp(20px,3vw,40px);align-items:center;max-width:1400px;margin:0 auto;padding:clamp(56px,9vw,110px) clamp(20px,5vw,64px);background:#fff}
@media(min-width:900px){body.home .itk-h2-atelier{grid-template-columns:1fr 1fr}}
body.home .itk-h2-atelier__title{font-family:'Space Grotesk',system-ui,sans-serif!important;font-weight:500!important;text-transform:none!important;font-size:clamp(1.6rem,3.2vw,2.4rem)!important;line-height:1.12!important;letter-spacing:-.02em!important;margin:10px 0 14px!important;max-width:20ch}
body.home .itk-h2-atelier__p{font-family:var(--itk-fb);font-size:clamp(1rem,1.5vw,1.2rem);color:rgba(17,17,17,.7);margin:0;max-width:42ch}
body.home .itk-h2-atelier__grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
body.home .itk-h2-atelier__grid img{width:100%;aspect-ratio:1/1;object-fit:cover;border:1px solid var(--itk-line);background:#fff}

/* 08 — COMMUNAUTÉ (bannière) */
body.home .itk-h2-communaute{position:relative;min-height:64vh;display:flex;align-items:center;justify-content:center;text-align:center;
  background-size:cover;background-position:center;background-color:#111;color:#fff;overflow:hidden}
body.home .itk-h2-communaute__scrim{position:absolute;inset:0;background:rgba(0,0,0,.55);z-index:1}
body.home .itk-h2-communaute__inner{position:relative;z-index:2;max-width:900px;padding:0 clamp(20px,5vw,40px)}
body.home .itk-h2-communaute__title{font-family:'Space Grotesk',system-ui,sans-serif!important;font-weight:500!important;text-transform:none!important;color:#fff!important;font-size:clamp(1.7rem,3.8vw,3rem)!important;line-height:1.1!important;letter-spacing:-.02em!important;margin:0 0 26px!important}
body.home .itk-h-btn--light{background:transparent;color:#fff;border-color:#fff}
body.home .itk-h-btn--light:hover{background:#fff;color:#111;border-color:#fff}

/* 09 — CLÔTURE */
body.home .itk-h2-cloture{background:#D0CCC0;text-align:center;padding:clamp(48px,8vw,90px) 20px}
body.home .itk-h2-cloture__sig{font-family:'Space Grotesk',system-ui,sans-serif;font-weight:500;font-size:clamp(1rem,2vw,1.4rem);letter-spacing:.04em;color:rgba(17,17,17,.55)}

@media(prefers-reduced-motion:reduce){
  body.home .itk-h2-hero,body.home .itk-h2-q,body.home .itk-h2-communaute{background-attachment:scroll}
}

/* Raffinements home v2 (atelier liste + handle communauté) */
body.home .itk-h2-atelier__list{list-style:none;margin:18px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px 22px}
body.home .itk-h2-atelier__list li{font-family:var(--itk-fm,'Courier New',monospace);font-size:13px;letter-spacing:.5px;color:rgba(17,17,17,.7)}
body.home .itk-h2-atelier__list li:last-child{color:var(--itk-accent,#E2231A)}
body.home .itk-h2-atelier__grid--4{grid-template-columns:1fr 1fr!important;gap:12px}
body.home .itk-h2-communaute__handle{display:block;margin-top:16px;font-family:var(--itk-fm,'Courier New',monospace);font-size:12px;letter-spacing:2px;color:rgba(255,255,255,.7)}

/* ── Parallax scroll : couches image dédiées (GPU, transform only) ── */
body.home .itk-h2-hero__bg,
body.home .itk-h2-q__bg,
body.home .itk-h2-communaute__bg{
  position:absolute;left:0;right:0;top:-12%;height:124%;z-index:0;
  background-size:cover;background-position:center;background-repeat:no-repeat;
  will-change:transform;backface-visibility:hidden;pointer-events:none;
}
@media(prefers-reduced-motion:reduce){
  body.home .itk-h2-hero__bg,
  body.home .itk-h2-q__bg,
  body.home .itk-h2-communaute__bg{top:0;height:100%;transform:none!important}
}

/* ── Logo officiel ITOUKEI (SVG) ── */
#itoukei-nav .nav-logo__img{height:22px;width:auto;display:block}
@media(max-width:560px){ #itoukei-nav .nav-logo__img{height:19px} }
footer .footer-brand__img{height:28px;width:auto;display:block;margin-bottom:14px}

/* ── BOUTIQUE : recherche header + retour-haut (inspiré eStore, épuré) ── */
#itoukei-nav .nav-search-toggle{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;background:transparent;border:0;color:inherit;cursor:pointer;padding:0}
#itoukei-nav .nav-search-toggle:hover{color:var(--itk-accent,#E2231A)}
.itk-search{position:fixed;top:0;left:0;right:0;z-index:1200;background:rgba(208,204,192,.98);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border-bottom:1px solid rgba(17,17,17,.16);padding:16px clamp(16px,5vw,48px)}
.itk-search[hidden]{display:none}
.itk-search__form{max-width:1100px;margin:0 auto;display:flex;align-items:center;gap:12px}
.itk-search .itk-search__input{flex:1 1 auto;min-width:0;width:auto;height:52px;border:0!important;border-bottom:1.5px solid #111!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;font-family:'Space Grotesk',system-ui,sans-serif!important;font-size:clamp(1.15rem,3vw,1.8rem)!important;color:#111!important;letter-spacing:-.01em!important;padding:0 4px!important;text-transform:none!important}
.itk-search .itk-search__input::placeholder{color:rgba(17,17,17,.4)!important}
.itk-search .itk-search__input:focus{outline:none!important;border-bottom-color:var(--itk-accent,#E2231A)!important}
.itk-search__go,.itk-search__close{width:48px;height:48px;min-width:48px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:0;font-size:24px;line-height:1;color:#111;cursor:pointer;font-family:var(--font-m,'Courier New',monospace)}
.itk-search__go:hover,.itk-search__close:hover{color:var(--itk-accent,#E2231A)}
.itk-totop{position:fixed;right:clamp(16px,3vw,28px);bottom:clamp(16px,3vw,28px);z-index:900;width:46px;height:46px;display:inline-flex;align-items:center;justify-content:center;background:#111;color:#D0CCC0;border:0;border-radius:0;cursor:pointer;transition:opacity .25s ease,background .25s ease;opacity:.92}
.itk-totop:hover{background:#000;opacity:1}
.itk-totop[hidden]{display:none}
.itk-totop:focus-visible{outline:3px solid var(--itk-accent,#E2231A);outline-offset:2px}

/* search : cache le clear natif + déco premium parasites */
.itk-search .itk-search__input::-webkit-search-cancel-button,
.itk-search .itk-search__input::-webkit-search-decoration{-webkit-appearance:none;appearance:none;display:none}
.itk-search .itk-search__go::before,.itk-search .itk-search__go::after,
.itk-search .itk-search__close::before,.itk-search .itk-search__close::after{display:none!important;content:none!important}

/* ─── Wishlist : typo de marque (override autoritaire, bat les sources legacy Impact/Courier) ─── */
.itk-wishlist-card h3{font-family:'Space Grotesk',system-ui,sans-serif!important;font-weight:500!important;text-transform:none!important;letter-spacing:-.01em!important}
.itk-wishlist-empty{font-family:'Space Grotesk',system-ui,sans-serif!important}

/* ─── Badge compteur panier (header) ─── */
.nav-cart{position:relative}
.cart-count{position:absolute;top:-7px;right:-9px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:#E2231A;color:#fff;font-family:var(--itk-fm,'JetBrains Mono',monospace);font-size:10px;font-weight:700;line-height:16px;text-align:center;box-sizing:border-box}

/* ════════════ DS CORRECTIONS (2026-06-08) — cohérence design system ════════════ */
/* Corps de texte = Space Grotesk : on neutralise À LA SOURCE le token Inter du plugin override rejeté.
   html:root (0,0,2) bat le :root (0,0,1) du plugin par spécificité, indépendamment de l'ordre de chargement,
   donc tous ses `font-family:var(--itk-font-body)!important` (body/button/input) résolvent en Space Grotesk. */
html:root{--itk-font-body:'Space Grotesk',system-ui,-apple-system,sans-serif!important;--itk-fb:'Space Grotesk',system-ui,sans-serif!important}
html body{font-family:'Space Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif!important}
/* Prix + quantité forcés en mono (le token --itk-fd/--font-d pointait par erreur sur Impact) */
.woocommerce div.product .summary p.price,.single-product .summary .price,.single-product .quantity .qty,.woocommerce-Price-amount{font-family:'Courier New','JetBrains Mono',monospace!important}
/* États stock : pas de vert hors palette ; rupture alignée sur le rouge de marque */
.woocommerce div.product p.in-stock{color:rgba(17,17,17,.62)!important}
.woocommerce div.product p.out-of-stock{color:#E2231A!important}
/* Tokens d'erreur unifiés sur le rouge de marque #E2231A */
:root{--err:#E2231A;--itk-err:#E2231A}
/* Contraste AA — remontée d'alpha (même teinte, plus lisible) */
body.home .itk-h-eyebrow,body.home .itk-h2-cloture__sig{color:rgba(17,17,17,.72)!important}
.woocommerce .woocommerce-breadcrumb,.woocommerce-breadcrumb a,.woocommerce-result-count,.itk-reassure__s,.product_meta,.product_meta a{color:rgba(0,0,0,.62)!important}
.itk-h-ph span,.itk-h-tile.is-soon .itk-h-soon{color:rgba(17,17,17,.62)!important}
#itk-contact-form ::placeholder,.itk-search__input::placeholder,.woocommerce form .form-row textarea::placeholder,.woocommerce form .form-row input::placeholder{color:rgba(0,0,0,.55)!important}
/* Focus visible — champ recherche header */
.itk-search__input:focus-visible{outline:2px solid #111!important;outline-offset:2px}
/* Bouton submit contact = premium (suppression box-shadow brutal offset + bordure 3px) */
#itk-contact-form button[type=submit]{box-shadow:none!important;border:1px solid #111!important;font-weight:600!important;transition:background .2s,color .2s}
#itk-contact-form button[type=submit]:hover{background:#111!important;color:#fff!important}

/* ─── Newsletter footer (Hostinger Reach, stylé au DS) ─── */
.footer-newsletter{display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,4vw,56px);align-items:center;padding:clamp(28px,5vw,46px) clamp(20px,5vw,64px);border-bottom:1px solid rgba(17,17,17,.14);max-width:1400px;margin:0 auto;width:100%;box-sizing:border-box}
.footer-newsletter__lead{font-family:'Space Grotesk',system-ui,sans-serif;color:rgba(17,17,17,.62);font-size:14px;line-height:1.6;margin:8px 0 0;max-width:42ch}
.footer-newsletter .hostinger-reach-block-subscription-form-wrapper{max-width:520px}
.footer-newsletter .hostinger-reach-block-subscription-form{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end}
.footer-newsletter .hostinger-reach-block-form-field{flex:1 1 200px}
.footer-newsletter .hostinger-reach-block-form-field label{font-family:var(--itk-fm,'Courier New',monospace);font-size:10px;letter-spacing:2px;text-transform:uppercase;color:rgba(17,17,17,.6);display:block;margin-bottom:6px}
.footer-newsletter .hostinger-reach-block-subscription-form input[type=email]{width:100%;box-sizing:border-box;background:#fff;border:1px solid #111;border-radius:0;padding:13px 14px;font-family:'Space Grotesk',system-ui,sans-serif;font-size:16px;color:#111;outline:none}
.footer-newsletter .hostinger-reach-block-subscription-form input[type=email]:focus-visible{outline:2px solid #111;outline-offset:2px}
.footer-newsletter .hostinger-reach-block-subscription-form button{background:#111;color:#fff;border:1px solid #111;border-radius:0;padding:13px 26px;font-family:'Space Grotesk',system-ui,sans-serif;font-weight:600;font-size:13px;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;min-height:48px;transition:background .2s,border-color .2s}
.footer-newsletter .hostinger-reach-block-subscription-form button:hover{background:#E2231A;border-color:#E2231A}
@media(max-width:780px){.footer-newsletter{grid-template-columns:1fr;gap:16px}}
/* ─── 7Q numbers: muted white (accent red reserved for CTAs/Épuisé only) ─── */
body.home .itk-h2-q__num{color:rgba(255,255,255,.7)!important}

/* ════ DS HARDENING v2 (2026-06-08) — neutralise les tokens du plugin brutal rejeté ════ */
html:root{
  --itk-font-title:'Space Grotesk',system-ui,-apple-system,sans-serif!important;
  --itk-font-nav:'Space Grotesk',system-ui,-apple-system,sans-serif!important;
  --itk-font-body:'Space Grotesk',system-ui,-apple-system,sans-serif!important;
  --itk-teal:#111111!important;
}
html body h1,html body h2,html body h3,html body h4,html body h5,html body h6{font-weight:500!important}
html body .woocommerce div.product p.in-stock,html body .woocommerce div.product .stock.in-stock{color:rgba(17,17,17,.62)!important}
html body .woocommerce div.product p.out-of-stock,html body .woocommerce div.product .stock.out-of-stock{color:#E2231A!important}
.itk-h-btn--ghost{min-height:44px}
.nav-burger{min-width:44px!important;min-height:44px!important;display:inline-flex;align-items:center;justify-content:center}
footer .footer-col a,footer .footer-legal a,footer nav a{display:inline-block;padding-top:5px;padding-bottom:5px}
.footer-col-title{color:rgba(17,17,17,.72)!important}
/* ── Escalations v2.1 (2026-06-08) — specificity battles won ── */
/* footer-brand: brutal sets font-family directly on .footer-brand via var(--font-d)=Impact; override with explicit family */
html body .footer-brand{font-family:'Space Grotesk',system-ui,-apple-system,sans-serif!important}
/* headings: brutal .woocommerce h2 is (0,1,1); we need (0,1,3) to win */
html body.woocommerce h1,html body.woocommerce h2,html body.woocommerce h3,html body.woocommerce h4,html body.woocommerce h5,html body.woocommerce h6{font-weight:500!important}
html body.woocommerce-page h1,html body.woocommerce-page h2,html body.woocommerce-page h3,html body.woocommerce-page h4{font-weight:500!important}
/* Édition limitée: li:last-child is red via var(--itk-accent); force neutral */
body.home .itk-h2-atelier__list li:last-child{color:rgba(17,17,17,.7)!important}
/* ── Stock color escalation v2.3 (2026-06-08) ──
   ROOT CAUSE: body.woocommerce (no div.woocommerce exists); plugin uses .woocommerce div.product
   which means body IS the .woocommerce ancestor. Our prior 'html body .woocommerce div.product'
   was WRONG — it required an intermediate div.woocommerce which doesn't exist → 0 matches.
   Fix: use body.woocommerce div.product (body IS .woocommerce) + woocommerce-page for extra class
   Specificity: html body.woocommerce.woocommerce-page div.product .woocommerce-variation-availability p.stock.in-stock
   = (0,5 classes, 4 elements) >> plugin (0,3,2). Loads earlier but higher specificity overrides same !important from later source.
*/
html body.woocommerce div.product .woocommerce-variation-availability p.stock,
html body.woocommerce div.product .woocommerce-variation-availability p.in-stock,
html body.woocommerce div.product .stock.in-stock,
html body.woocommerce div.product p.in-stock,
html body.woocommerce-page div.product .woocommerce-variation-availability p.stock.in-stock,
html body.woocommerce-page div.product p.in-stock{color:rgba(17,17,17,.7)!important}
html body.woocommerce div.product .woocommerce-variation-availability p.out-of-stock,
html body.woocommerce div.product .stock.out-of-stock,
html body.woocommerce div.product p.out-of-stock,
html body.woocommerce-page div.product .woocommerce-variation-availability p.stock.out-of-stock,
html body.woocommerce-page div.product p.out-of-stock{color:#E2231A!important}
/* ── Ghost button touch target escalation v2.2 (2026-06-08) ──
   premium-ui.css line 1663: body.home .itk-h-card__cta{min-height:42px} beats .itk-h-btn--ghost{min-height:44px}
   Fix: more specific selector with !important beats same-file rule.
*/
html body.home .itk-h-card__cta.itk-h-btn--ghost,
html body.home .itk-h-card__cta,
html body .itk-h-card__cta.itk-h-btn--ghost,
html body .itk-h-btn--ghost{min-height:44px!important}

/* ══════════════════════════════════════════════════════════════
   Visual bug sweep — 2026-06-08 (4 fixes, CSS-only, append-only)
   ══════════════════════════════════════════════════════════════ */

/* ── Bug 1 — Mobile: in-page Add-to-Cart renders as giant ~240px grey/black box.
   A working sticky CTA bar (.itk-mobile-cta + .itk-mobile-cta__btn, position:fixed,
   visible, functional "Ajouter au panier") already covers ATC on mobile.
   Verified the sticky bar is present & functional before hiding the duplicate.
   Hide the in-page button (and its wrapping single_add_to_cart action row stays for
   variation/qty UI; only the broken oversized button is removed) on ≤767px. */
@media (max-width:767px){
  html body.single-product .single_add_to_cart_button{display:none!important}
}

/* ── Bug 2 — Univers CTA "Voir les pièces" (a.itk-pg__btn) = black text on black bg.
   A plugin a{color:...!important} overrides the intended white. Force white, and on
   hover (button bg turns light/yellow per its own rule) flip text to dark for contrast. */
html body a.itk-pg__btn,
html body .itk-pg__btn{color:#fff!important}
html body a.itk-pg__btn:hover,
html body a.itk-pg__btn:focus,
html body .itk-pg__btn:hover,
html body .itk-pg__btn:focus{color:#111!important}

/* ── Bug 3 — Empty cart: WooCommerce bag glyph (.cart-empty::before, font-family:WooCommerce,
   position:absolute top:52px left:78px size:52px) overlaps the "VOTRE PANIER…VIDE." headline.
   Fix: make the icon sit ABOVE the text — re-anchor ::before to top-centre, and give the
   message enough top padding to clear it (icon ~52px + breathing room). */
html body .woocommerce .cart-empty.woocommerce-info,
html body .cart-empty.woocommerce-info{
  padding-top:88px!important;
}
html body .woocommerce .cart-empty.woocommerce-info::before,
html body .cart-empty.woocommerce-info::before{
  top:20px!important;
  left:50%!important;
  right:auto!important;
  transform:translateX(-50%)!important;
}

/* ── Bug 4 — Stray "Shop" heading (div.section-title) above the real product title on
   single-product pages. Hide it ONLY on single product (verified: not the breadcrumb
   .woocommerce-breadcrumb, not the product_title; single occurrence on the page). */
html body.single-product .section-title{display:none!important}

/* ════ PREMIUM MICRO-INTERACTIONS — HOME (2026-06-08, additif, a11y-safe) ════ */
@media (hover:hover) and (prefers-reduced-motion: no-preference){
  body.home .itk-h-card{transition:transform .32s cubic-bezier(.2,.7,.2,1),box-shadow .32s ease}
  body.home .itk-h-card:hover{transform:translateY(-5px);box-shadow:0 10px 28px rgba(17,17,17,.08)}
  body.home .itk-h-tile{transition:background .25s,color .25s,transform .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s ease}
  body.home .itk-h-tile:hover{transform:translateY(-3px);box-shadow:0 8px 22px rgba(17,17,17,.07)}
  body.home .itk-h-tile__arrow{display:inline-block;transition:transform .3s cubic-bezier(.2,.7,.2,1)}
  body.home .itk-h-tile:hover .itk-h-tile__arrow{transform:translateX(7px)}
  body.home .itk-h-sec__link{border-bottom-color:transparent!important;background-image:linear-gradient(currentColor,currentColor);background-size:0% 1px;background-repeat:no-repeat;background-position:left 100%;transition:background-size .35s cubic-bezier(.2,.7,.2,1)}
  body.home .itk-h-sec__link:hover{background-size:100% 1px}
  body.home .itk-h2-hero__cta{transition:transform .25s ease,background .25s,color .25s}
  body.home .itk-h2-hero__cta:hover{transform:translateY(-2px)}
}

/* ════════════════ HOME — SOMBRE CINÉMATIQUE v1 (2026-06-08) ════════════════
   Direction client : page sombre immersive, packshots blancs qui ressortent,
   jaune #F5C900 + Space Grotesk en accent. Layer réversible (body.home only). */
body.home{background:#0C0C0D!important}
body.home .itk-main,body.home main.itk-home,body.home .itk-home,body.home .itk-main.itk-home{background:#0C0C0D!important}
/* Sections claires → sombres */
body.home .itk-h2-univers{background:#0C0C0D!important}
body.home .itk-h2-atelier{background:#0C0C0D!important}
body.home .itk-h2-cloture{background:#0C0C0D!important}
body.home .itk-h2-rappel{background:#101011!important;color:#E9E6DF!important}
/* Titres / textes → clairs */
body.home .itk-h-sec__title,body.home .itk-h2-univers__title,body.home .itk-h2-atelier__title{color:#F5F3EE!important}
body.home .itk-h2-univers__p,body.home .itk-h2-atelier__p{color:rgba(255,255,255,.74)!important}
body.home .itk-h-eyebrow,body.home .itk-h2-univers .itk-h-eyebrow,body.home .itk-h2-atelier .itk-h-eyebrow{color:rgba(255,255,255,.6)!important}
body.home .itk-h2-cloture__sig{color:rgba(255,255,255,.78)!important}
body.home .itk-h2-atelier__list li{color:rgba(255,255,255,.72)!important}
body.home .itk-h2-atelier__list li:last-child{color:#F5C900!important}
/* Liens de section → clairs, hover jaune */
body.home .itk-h-sec__link{color:#F5F3EE!important;border-color:rgba(255,255,255,.45)!important}
body.home .itk-h-sec__link:hover{color:#F5C900!important;border-color:#F5C900!important}
body.home .itk-h2-univers__cta,body.home .itk-h2-univers .itk-h-sec__link{color:#F5F3EE!important}
/* Tuiles catégories → surface sombre + texte clair */
body.home .itk-h-tile{background:#161617!important;color:#F5F3EE!important;border-color:rgba(255,255,255,.12)!important}
body.home .itk-h-tile:hover{background:#202022!important;color:#fff!important}
body.home .itk-h-tile__name{color:#F5F3EE!important}
/* Cartes produit : restent BLANCHES (packshots), juste hairline claire autour */
body.home .itk-h-card{background:#fff!important;border-color:rgba(255,255,255,.10)!important}
/* Images atelier : hairline claire */
body.home .itk-h2-atelier__grid img{border-color:rgba(255,255,255,.14)!important;background:#161617!important}
/* Univers media : garde le visuel plein */
body.home .itk-h2-univers__media{background:#0C0C0D!important}
/* Hero : un poil plus cinématique */
body.home .itk-h2-hero{min-height:96vh}
body.home .itk-h2-hero__scrim{background:linear-gradient(180deg,rgba(0,0,0,.34) 0%,rgba(0,0,0,.14) 42%,rgba(12,12,13,.92) 100%)!important}
/* ── Header sombre cinématique (home) ── */
body.home header{background:rgba(12,12,13,.72)!important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.08)!important}
body.home .nav-links a:not(.nav-cta){color:#F5F3EE!important}
body.home .nav-links a:not(.nav-cta):hover{color:#F5C900!important}
body.home .nav-logo__img{filter:brightness(0) invert(1)}
body.home .nav-cart,body.home .nav-search-toggle,body.home .nav-burger{color:#F5F3EE!important}
body.home .nav-cart svg,body.home .nav-search-toggle svg,body.home .nav-burger svg,body.home .nav-burger span{stroke:#F5F3EE!important;color:#F5F3EE!important;background:#F5F3EE}
body.home .nav-cart svg{background:none!important}
/* ── Footer sombre cinématique (home) ── */
body.home footer{background:#0C0C0D!important;border-top:1px solid rgba(255,255,255,.1)!important}
body.home .footer-tagline,body.home .footer-col a,body.home .footer-copy,body.home .footer-legal a,body.home .footer-newsletter__lead{color:rgba(255,255,255,.72)!important}
body.home .footer-col-title{color:rgba(255,255,255,.5)!important}
body.home .footer-col a:hover,body.home .footer-legal a:hover{color:#F5C900!important}
body.home .footer-brand__img{filter:brightness(0) invert(1)}
body.home .footer-grid,body.home .footer-newsletter,body.home .footer-bottom{border-color:rgba(255,255,255,.1)!important}
body.home .footer-newsletter .hostinger-reach-block-subscription-form input[type=email]{background:#161617!important;color:#fff!important;border-color:rgba(255,255,255,.25)!important}
body.home .footer-newsletter .hostinger-reach-block-form-field label{color:rgba(255,255,255,.6)!important}
body.home .footer-newsletter .hostinger-reach-block-subscription-form button{background:#F5C900!important;color:#111!important;border-color:#F5C900!important}
body.home .footer-newsletter .hostinger-reach-block-subscription-form button:hover{background:#fff!important;border-color:#fff!important}

/* ════════════════════ SITEWIDE DARK CINÉMATIQUE (2026-06-08) ════════════════════
   Étend le sombre de la home (body.home) à TOUTES les autres pages.
   Tokens : bg #0C0C0D · surface #161617 · texte #F5F3EE / rgba(255,255,255,.72|.55)
   hairline rgba(255,255,255,.12) · accent #F5C900. Packshots/cartes produit = BLANCS.
   Spécificité haute + !important pour battre premium.css (chargé en dernier).
   Append-only · réversible. body.home conserve ses propres règles (déjà sombres). */

/* ── 1. BASE GLOBALE ── */
html body{background:#0C0C0D!important;color:#F5F3EE}
html body a{color:#F5F3EE}
html body a:hover{color:#F5C900}
/* Conteneurs génériques du thème (papier -> sombre) */
html body .page-content,
html body .entry-content,
html body main,
html body .site-main,
html body .itk-main{background:#0C0C0D!important}
/* Titres / paragraphes de pages standard (page.php) clairs */
html body.page:not(.home) .page-content h1,
html body.page:not(.home) .page-content h2,
html body.page:not(.home) .page-content h3,
html body.page:not(.home) .page-content h4,
html body.page:not(.home) .entry-content h1,
html body.page:not(.home) .entry-content h2,
html body.page:not(.home) .entry-content h3,
html body.page:not(.home) .entry-content h4{color:#F5F3EE!important}
html body.page:not(.home) .entry-content p,
html body.page:not(.home) .entry-content li,
html body.page:not(.home) .page-content p,
html body.page:not(.home) .page-content li{color:rgba(255,255,255,.78)!important}

/* ── 2. HEADER + FOOTER GLOBAL (réplique de body.home, sans le préfixe) ── */
/* premium.css force `nav#itoukei-nav{background:var(--itk-paper)!important}` (spéc 0,1,1).
   On bat avec spéc 0,1,2 + !important. Couvre aussi l'état .scrolled. */
html body header,
html body nav#itoukei-nav,
html body nav#itoukei-nav.scrolled{background:rgba(12,12,13,.82)!important;backdrop-filter:saturate(160%) blur(10px);-webkit-backdrop-filter:saturate(160%) blur(10px);border-bottom:1px solid rgba(255,255,255,.08)!important}
html body nav#itoukei-nav .nav-links a:not(.nav-cta){color:#F5F3EE!important}
html body .nav-links a:not(.nav-cta){color:#F5F3EE!important}
html body .nav-links a:not(.nav-cta):hover,
html body .nav-links a.active:not(.nav-cta){color:#F5C900!important}
html body .nav-logo__img{filter:brightness(0) invert(1)}
html body .nav-cart,html body .nav-search-toggle,html body .nav-burger{color:#F5F3EE!important}
html body .nav-cart svg,html body .nav-search-toggle svg,html body .nav-burger svg,html body .nav-burger span{stroke:#F5F3EE!important;color:#F5F3EE!important;background:#F5F3EE}
html body .nav-cart svg{background:none!important}
html body .nav-cta{background:#F5C900!important;color:#111!important;border-color:#F5C900!important}
html body .cart-count,html body .nav-cart .itk-cart-count{background:#F5C900!important;color:#111!important}
/* premium.css rend l'icône panier en ::before (SVG stroke noir) -> invisible sur header sombre.
   On remplace par la même icône en stroke blanc (#F5F3EE) + jaune au survol. */
html body .nav-cart .itk-cart-icon{color:#F5F3EE!important}
html body .nav-cart::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none' stroke='%23F5F3EE' stroke-width='1.8' stroke-linecap='square' stroke-linejoin='miter'%3E%3Cpath d='M5 7h14l-1.2 12.5a2 2 0 0 1-2 1.5H8.2a2 2 0 0 1-2-1.5L5 7z'/%3E%3Cpath d='M9 7V5a3 3 0 0 1 6 0v2'/%3E%3C/svg%3E")!important}
html body .nav-cart:hover::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none' stroke='%23F5C900' stroke-width='1.8' stroke-linecap='square' stroke-linejoin='miter'%3E%3Cpath d='M5 7h14l-1.2 12.5a2 2 0 0 1-2 1.5H8.2a2 2 0 0 1-2-1.5L5 7z'/%3E%3Cpath d='M9 7V5a3 3 0 0 1 6 0v2'/%3E%3C/svg%3E")!important}
/* Overlay recherche + menu mobile sombres */
html body .itk-search{background:rgba(12,12,13,.96)!important}
html body .itk-search__input{background:#161617!important;color:#F5F3EE!important;border-color:rgba(255,255,255,.18)!important}
html body #mobile-menu{background:#0C0C0D!important}
html body #mobile-menu a{color:#F5F3EE!important}
html body #mobile-menu a:hover{color:#F5C900!important}
html body .itk-totop{background:#161617!important;color:#F5F3EE!important;border:1px solid rgba(255,255,255,.18)!important}
/* Footer */
html body footer{background:#0C0C0D!important;border-top:1px solid rgba(255,255,255,.1)!important}
html body .footer-tagline,html body .footer-col a,html body .footer-copy,html body .footer-legal a,html body .footer-newsletter__lead{color:rgba(255,255,255,.72)!important}
html body .footer-col-title{color:rgba(255,255,255,.5)!important}
html body .footer-col a:hover,html body .footer-legal a:hover{color:#F5C900!important}
html body .footer-brand__img{filter:brightness(0) invert(1)}
html body .footer-grid,html body .footer-newsletter,html body .footer-bottom{border-color:rgba(255,255,255,.1)!important}
html body .footer-newsletter .hostinger-reach-block-subscription-form input[type=email]{background:#161617!important;color:#fff!important;border-color:rgba(255,255,255,.25)!important}
html body .footer-newsletter .hostinger-reach-block-form-field label{color:rgba(255,255,255,.6)!important}
html body .footer-newsletter .hostinger-reach-block-subscription-form button{background:#F5C900!important;color:#111!important;border-color:#F5C900!important}
html body .footer-newsletter .hostinger-reach-block-subscription-form button:hover{background:#fff!important;border-color:#fff!important}
/* Le CTA "Voir les pièces" du footer (btn-primary) -> jaune */
html body footer .btn.btn-primary{background:#F5C900!important;color:#111!important;border-color:#F5C900!important}

/* ── 3. SHOP / ARCHIVES PRODUIT (/shop/, /product-category/*) ── */
html body.woocommerce-page{background:#0C0C0D!important}
html body.woocommerce-page .page-content{background:#0C0C0D!important}
/* Titre boutique + en-tête */
html body.woocommerce-page .section-title,
html body.woocommerce-page .woocommerce-products-header__title,
html body.woocommerce-page h1.page-title{color:#F5F3EE!important}
html body.woocommerce-page .section-label{color:rgba(255,255,255,.55)!important}
/* Fil d'Ariane */
html body.woocommerce-page .woocommerce-breadcrumb{color:rgba(255,255,255,.6)!important}
html body.woocommerce-page .woocommerce-breadcrumb a{color:rgba(255,255,255,.6)!important}
html body.woocommerce-page .woocommerce-breadcrumb a:hover{color:#F5C900!important}
html body.woocommerce-page .woocommerce-breadcrumb .sep{color:rgba(255,255,255,.3)!important}
/* Result count + tri */
html body.woocommerce-page .woocommerce-result-count{color:rgba(255,255,255,.6)!important}
html body.woocommerce-page .woocommerce-ordering select,
html body.woocommerce-page select.orderby{background:#161617!important;color:#F5F3EE!important;border:1px solid rgba(255,255,255,.2)!important;border-radius:0!important;padding:10px 14px!important}
/* Description d'archive (catégorie) */
html body.woocommerce-page .itk-archive-desc,
html body.woocommerce-page .itk-archive-desc p{color:rgba(255,255,255,.72)!important}
/* Nav catégories : surface sombre, hover/actif lisibles */
html body.woocommerce-page .itk-shop-cats{border-color:rgba(255,255,255,.12)!important}
html body.woocommerce-page .itk-shop-cats a{color:rgba(255,255,255,.7)!important;border-color:rgba(255,255,255,.12)!important}
html body.woocommerce-page .itk-shop-cats a:hover{background:#161617!important;color:#F5F3EE!important}
html body.woocommerce-page .itk-shop-cats a.itk-cat-active{background:#F5C900!important;color:#111!important}
/* CARTES PRODUIT : restent BLANCHES (packshots) — texte interne sombre/lisible */
html body.woocommerce-page ul.products li.product{background:#fff!important;border:1px solid rgba(255,255,255,.10)!important;padding:0 0 4px!important}
html body.woocommerce-page ul.products li.product .woocommerce-LoopProduct-link,
html body.woocommerce-page ul.products li.product .woocommerce-loop-product__title,
html body.woocommerce-page ul.products li.product .price,
html body.woocommerce-page ul.products li.product .price .amount{color:#111!important}
html body.woocommerce-page ul.products li.product .price del{color:rgba(17,17,17,.45)!important}
html body.woocommerce-page ul.products li.product .price ins{color:#111!important}
/* Padding interne du contenu carte (titre/prix/bouton) pour respirer sur fond blanc */
html body.woocommerce-page ul.products li.product .woocommerce-loop-product__title{padding:0 14px!important}
html body.woocommerce-page ul.products li.product .price{padding:0 14px!important}
html body.woocommerce-page ul.products li.product .button,
html body.woocommerce-page ul.products li.product a.add_to_cart_button,
html body.woocommerce-page ul.products li.product a.button{margin:0 14px!important}
/* Wishlist sur carte blanche : reste sombre (déjà géré ailleurs), on confirme */
html body.woocommerce-page ul.products li.product .itk-wishlist-btn{color:rgba(17,17,17,.32)!important}
/* Pagination claire */
html body.woocommerce-page .woocommerce-pagination ul li a,
html body.woocommerce-page .woocommerce-pagination ul li span{color:#F5F3EE!important;border-color:rgba(255,255,255,.2)!important}
html body.woocommerce-page .woocommerce-pagination ul li a:hover{background:#161617!important}
html body.woocommerce-page .woocommerce-pagination ul li span.current{background:#F5C900!important;color:#111!important;border-color:#F5C900!important}
/* États vides / infos */
html body.woocommerce-page .woocommerce-info,
html body.woocommerce-page .woocommerce-no-products-found,
html body.woocommerce-page .woocommerce-message{color:rgba(255,255,255,.72)!important;background:#161617!important;border-color:rgba(255,255,255,.12)!important}

/* ── 4. SINGLE PRODUIT (/product/*) ── */
html body.single-product{background:#0C0C0D!important}
/* Conteneur produit : bordures hairline claires (au lieu du noir 3px) */
html body.single-product.woocommerce div.product{border-color:rgba(255,255,255,.14)!important}
/* GALERIE : tuile BLANCHE pour que le packshot blanc semble intentionnel */
html body.single-product.woocommerce div.product .woocommerce-product-gallery{background:#fff!important;border-right-color:rgba(255,255,255,.14)!important}
html body.single-product.woocommerce div.product .flex-control-thumbs{border-top-color:rgba(255,255,255,.14)!important}
html body.single-product.woocommerce div.product .flex-control-thumbs li{border-right-color:rgba(255,255,255,.14)!important}
/* Résumé : titre / prix / desc clairs */
html body.single-product.woocommerce div.product .summary.entry-summary{background:#0C0C0D!important}
html body.single-product.woocommerce div.product .product_title,
html body.single-product .product_title{color:#F5F3EE!important}
html body.single-product.woocommerce div.product p.price,
html body.single-product.woocommerce div.product .summary p.price,
html body.single-product.woocommerce div.product p.price .amount{color:#F5F3EE!important}
html body.single-product.woocommerce div.product p.price del{color:rgba(255,255,255,.45)!important}
html body.single-product .woocommerce-product-details__short-description,
html body.single-product .woocommerce-product-details__short-description p,
html body.single-product .woocommerce-product-details__short-description li{color:rgba(255,255,255,.78)!important}
/* Quick info (liste maison) */
html body.single-product.woocommerce div.product .itk-product-quickinfo{border-color:rgba(255,255,255,.14)!important}
html body.single-product.woocommerce div.product .itk-product-quickinfo li{color:rgba(255,255,255,.7)!important}
html body.single-product.woocommerce div.product .itk-product-quickinfo li a{color:#F5F3EE!important}
/* Variations / taille */
html body.single-product.woocommerce div.product form.cart .variations th.label{color:rgba(255,255,255,.7)!important}
html body.single-product.woocommerce div.product form.cart .variations label{color:rgba(255,255,255,.7)!important}
html body.single-product.woocommerce div.product form.cart .variations select{background:#161617!important;color:#F5F3EE!important;border-color:rgba(255,255,255,.22)!important}
html body.single-product.woocommerce div.product .reset_variations{color:rgba(255,255,255,.6)!important}
html body.single-product.woocommerce div.product .single_variation_wrap a[onclick*="SizeGuide"]{color:#F5F3EE!important}
/* Quantité sur surface élevée */
html body.single-product.woocommerce div.product .quantity .qty{background:#161617!important;color:#F5F3EE!important;border-color:rgba(255,255,255,.22)!important}
/* Add-to-cart = CTA jaune plein */
html body.single-product.woocommerce div.product .single_add_to_cart_button{background:#F5C900!important;color:#111!important;border-color:#F5C900!important}
html body.single-product.woocommerce div.product .single_add_to_cart_button:hover{background:#fff!important;color:#111!important;border-color:#fff!important}
/* Wishlist single sur surface sombre */
html body.single-product.woocommerce div.product .itk-wishlist-btn--single{background:#161617!important;color:#F5F3EE!important;border-color:rgba(255,255,255,.22)!important}
html body.single-product.woocommerce div.product .itk-wishlist-btn--single:hover{background:#F5C900!important;color:#111!important;border-color:#F5C900!important}
/* Bloc rassurance produit */
html body.single-product .itk-reassure{border-color:rgba(255,255,255,.14)!important}
html body.single-product .itk-reassure__t,
html body.single-product .itk-reassure__s,
html body.single-product .itk-reassure div,
html body.single-product .itk-reassure span,
html body.single-product .itk-reassure p{color:rgba(255,255,255,.78)!important}
html body.single-product .itk-reassure svg{stroke:#F5F3EE!important;color:#F5F3EE!important}
/* Méta produit (catégories/tags) */
html body.single-product .product_meta,
html body.single-product .product_meta a{color:rgba(255,255,255,.6)!important}
html body.single-product .product_meta a:hover{color:#F5C900!important}
/* Onglets produit : nav + panneaux clairs */
html body.single-product .woocommerce-tabs ul.tabs{border-color:rgba(255,255,255,.14)!important}
html body.single-product .woocommerce-tabs ul.tabs li{background:transparent!important;border-color:rgba(255,255,255,.14)!important}
html body.single-product .woocommerce-tabs ul.tabs li a{color:rgba(255,255,255,.65)!important}
html body.single-product .woocommerce-tabs ul.tabs li.active a,
html body.single-product .woocommerce-tabs ul.tabs li a:hover{color:#F5F3EE!important}
html body.single-product .woocommerce-tabs ul.tabs li.active{background:#161617!important}
html body.single-product .woocommerce-Tabs-panel,
html body.single-product .woocommerce-Tabs-panel p,
html body.single-product .woocommerce-Tabs-panel li,
html body.single-product .woocommerce-Tabs-panel td,
html body.single-product .woocommerce-Tabs-panel th{color:rgba(255,255,255,.78)!important}
html body.single-product .woocommerce-Tabs-panel > h2{color:#F5F3EE!important}
html body.single-product .woocommerce-Tabs-panel table,
html body.single-product .woocommerce-Tabs-panel table td,
html body.single-product .woocommerce-Tabs-panel table th{border-color:rgba(255,255,255,.14)!important}
/* Guide des tailles accordéon */
html body.single-product .itk-sizeguide{background:#161617!important;border-color:rgba(255,255,255,.14)!important}
html body.single-product .itk-sizeguide,
html body.single-product .itk-sizeguide__head,
html body.single-product .itk-sizeguide__note,
html body.single-product .itk-sizeguide__table,
html body.single-product .itk-sizeguide__table td,
html body.single-product .itk-sizeguide__table th{color:#F5F3EE!important}
html body.single-product .itk-sizeguide__table td,
html body.single-product .itk-sizeguide__table th{border-color:rgba(255,255,255,.14)!important}
html body.single-product .itk-sizeguide__note{color:rgba(255,255,255,.6)!important}
html body.single-product .itk-sizeguide__note a{color:#F5C900!important}
html body.single-product .itk-sizeguide__close{color:#F5F3EE!important}
/* Produits similaires : titre clair + cartes BLANCHES comme le loop */
html body.single-product .related.products > h2,
html body.single-product .upsells.products > h2{color:#F5F3EE!important}
html body.single-product .related.products ul.products li.product,
html body.single-product .upsells.products ul.products li.product{background:#fff!important;border:1px solid rgba(255,255,255,.10)!important}
html body.single-product .related.products ul.products li.product .woocommerce-loop-product__title,
html body.single-product .related.products ul.products li.product .price,
html body.single-product .related.products ul.products li.product .price .amount,
html body.single-product .upsells.products ul.products li.product .woocommerce-loop-product__title,
html body.single-product .upsells.products ul.products li.product .price,
html body.single-product .upsells.products ul.products li.product .price .amount{color:#111!important}

/* ── 5. PANIER (/panier/) + COMMANDE (/commande/) ── */
html body.woocommerce-cart,
html body.woocommerce-checkout{background:#0C0C0D!important}
html body.woocommerce-cart .page-content,
html body.woocommerce-checkout .page-content{background:#0C0C0D!important}
html body.woocommerce-cart .section-title,
html body.woocommerce-checkout .section-title,
html body.woocommerce-cart h1,html body.woocommerce-checkout h1,
html body.woocommerce-cart h2,html body.woocommerce-checkout h2{color:#F5F3EE!important}
html body.woocommerce-cart .section-label,
html body.woocommerce-checkout .section-label{color:rgba(255,255,255,.55)!important}
/* Fil d'Ariane checkout */
html body.woocommerce-checkout .woocommerce-breadcrumb,
html body.woocommerce-checkout .woocommerce-breadcrumb a{color:rgba(255,255,255,.6)!important}
html body.woocommerce-checkout .woocommerce-breadcrumb a:hover{color:#F5C900!important}
/* Table panier : texte clair, hairlines claires */
html body.woocommerce-cart table.shop_table,
html body.woocommerce-cart table.cart{border-color:rgba(255,255,255,.12)!important}
html body.woocommerce-cart table.shop_table thead th{color:rgba(255,255,255,.6)!important;border-color:rgba(255,255,255,.12)!important}
html body.woocommerce-cart table.shop_table tbody td{border-color:rgba(255,255,255,.10)!important}
html body.woocommerce-cart table.shop_table td.product-name a{color:#F5F3EE!important}
html body.woocommerce-cart table.shop_table td.product-name a:hover{color:#F5C900!important}
html body.woocommerce-cart td.product-name .variation,
html body.woocommerce-cart td.product-name dl.variation,
html body.woocommerce-cart td.product-name dl.variation *{color:rgba(255,255,255,.55)!important}
html body.woocommerce-cart td.product-price,
html body.woocommerce-cart td.product-subtotal,
html body.woocommerce-cart td.product-price .amount,
html body.woocommerce-cart td.product-subtotal .amount{color:#F5F3EE!important}
/* Vignette produit panier : tuile blanche pour le packshot */
html body.woocommerce-cart td.product-thumbnail img{background:#fff!important}
/* Quantité + suppression */
html body.woocommerce-cart td.product-quantity input.qty,
html body.woocommerce-cart .quantity input.qty{background:#161617!important;color:#F5F3EE!important;border-color:rgba(255,255,255,.22)!important}
html body.woocommerce-cart td.product-remove a.remove{color:rgba(255,255,255,.55)!important;border-color:rgba(255,255,255,.25)!important}
html body.woocommerce-cart td.product-remove a.remove:hover{background:#F5C900!important;color:#111!important;border-color:#F5C900!important}
/* Code promo */
html body.woocommerce-cart .coupon .input-text,
html body.woocommerce-cart #coupon_code{background:#161617!important;color:#F5F3EE!important;border-color:rgba(255,255,255,.22)!important}
html body.woocommerce-cart .coupon .button,
html body.woocommerce-cart .actions .button,
html body.woocommerce-cart button[name="update_cart"]{background:#161617!important;color:#F5F3EE!important;border:1px solid rgba(255,255,255,.22)!important}
html body.woocommerce-cart .coupon .button:hover,
html body.woocommerce-cart .actions .button:hover{background:#202022!important}
/* Totaux */
html body.woocommerce-cart .cart_totals{border-color:rgba(255,255,255,.16)!important}
html body.woocommerce-cart .cart_totals h2{color:#F5F3EE!important;border-bottom-color:rgba(255,255,255,.16)!important}
html body.woocommerce-cart .cart_totals table th{color:rgba(255,255,255,.7)!important}
html body.woocommerce-cart .cart_totals table td,
html body.woocommerce-cart .cart_totals table td .amount{color:#F5F3EE!important}
html body.woocommerce-cart .cart_totals .order-total th{color:#F5F3EE!important}
html body.woocommerce-cart .cart_totals .order-total td,
html body.woocommerce-cart .cart_totals .order-total .amount{color:#F5F3EE!important}
/* CTA Valider la commande = jaune plein */
html body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
html body.woocommerce-cart a.checkout-button{background:#F5C900!important;color:#111!important}
html body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover,
html body.woocommerce-cart a.checkout-button:hover{background:#fff!important;color:#111!important}
/* Bloc rassurance panier (styles inline -> override) */
html body.woocommerce-cart .itk-cart-reassure{border-color:rgba(255,255,255,.16)!important;color:rgba(255,255,255,.78)!important}
html body.woocommerce-cart .itk-cart-reassure span,
html body.woocommerce-cart .itk-cart-reassure strong{color:rgba(255,255,255,.85)!important}
/* Lien "Voir les pièces" / continuer les achats = jaune */
html body.woocommerce-cart .return-to-shop .button,
html body.woocommerce-cart a.button.wc-backward{background:#F5C900!important;color:#111!important;border-color:#F5C900!important}

/* CHECKOUT (/commande/) */
html body.woocommerce-checkout{background:#0C0C0D!important}
html body.woocommerce-checkout .woocommerce-checkout,
html body.woocommerce-checkout form.checkout{color:#F5F3EE!important}
html body.woocommerce-checkout h3,
html body.woocommerce-checkout .woocommerce-billing-fields h3,
html body.woocommerce-checkout #order_review_heading{color:#F5F3EE!important}
html body.woocommerce-checkout label,
html body.woocommerce-checkout .woocommerce-input-wrapper,
html body.woocommerce-checkout p{color:rgba(255,255,255,.78)!important}
/* Champs de formulaire checkout sur surface élevée */
html body.woocommerce-checkout .input-text,
html body.woocommerce-checkout input.input-text,
html body.woocommerce-checkout textarea,
html body.woocommerce-checkout select,
html body.woocommerce-checkout .select2-container .select2-selection,
html body.woocommerce-checkout .select2-selection__rendered{background:#161617!important;color:#F5F3EE!important;border-color:rgba(255,255,255,.22)!important;border-radius:0!important}
html body.woocommerce-checkout .select2-selection__rendered{line-height:normal!important}
html body.woocommerce-checkout ::placeholder{color:rgba(255,255,255,.4)!important}
/* Récap commande / order review */
html body.woocommerce-checkout .woocommerce-checkout-review-order table.shop_table,
html body.woocommerce-checkout #order_review,
html body.woocommerce-checkout table.woocommerce-checkout-review-order-table{background:#161617!important;border-color:rgba(255,255,255,.12)!important}
html body.woocommerce-checkout .woocommerce-checkout-review-order table.shop_table th,
html body.woocommerce-checkout .woocommerce-checkout-review-order table.shop_table td,
html body.woocommerce-checkout .woocommerce-checkout-review-order table.shop_table .amount{color:#F5F3EE!important;border-color:rgba(255,255,255,.10)!important}
/* Méthodes de paiement */
html body.woocommerce-checkout #payment,
html body.woocommerce-checkout .woocommerce-checkout-payment{background:#161617!important;border-color:rgba(255,255,255,.12)!important}
html body.woocommerce-checkout #payment ul.payment_methods,
html body.woocommerce-checkout #payment .payment_box,
html body.woocommerce-checkout #payment label,
html body.woocommerce-checkout #payment p{color:rgba(255,255,255,.78)!important;border-color:rgba(255,255,255,.12)!important}
html body.woocommerce-checkout #payment .payment_box{background:#0C0C0D!important}
/* Bouton Commander = jaune */
html body.woocommerce-checkout #place_order,
html body.woocommerce-checkout button#place_order{background:#F5C900!important;color:#111!important;border-color:#F5C900!important}
html body.woocommerce-checkout #place_order:hover{background:#fff!important;color:#111!important}
/* Coupon checkout */
html body.woocommerce-checkout .checkout_coupon,
html body.woocommerce-checkout .woocommerce-form-coupon{background:#161617!important;border-color:rgba(255,255,255,.12)!important}
html body.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info{background:#161617!important;color:rgba(255,255,255,.78)!important}
html body.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info a{color:#F5C900!important}

/* ── 6. UNIVERS (/univers/) — flip .itk-pg paper -> sombre ── */
html body .itk-pg{background:#0C0C0D!important;color:#F5F3EE!important}
html body .itk-pg h1{color:#F5F3EE!important}
html body .itk-pg__eye,html body .itk-pg__sig{color:rgba(255,255,255,.5)!important}
html body .itk-pg__lead{color:rgba(255,255,255,.85)!important}
html body .itk-pg__txt p{color:rgba(255,255,255,.72)!important}
html body .itk-pg__mantra{color:#F5F3EE!important;border-top-color:rgba(255,255,255,.16)!important}
html body .itk-pg__img{background:#161617!important}
/* .itk-pg__btn reste : texte blanc sur noir (déjà fixé Bug 2), hover jaune */

/* ── 7. PAGES CONTENU (legal/faq/contact) — inline color:#000 -> override ── */
html body .page-legal-wrap,
html body .page-legal-wrap h1,
html body .page-legal-wrap h2,
html body .page-legal-wrap h3,
html body .page-legal-wrap h4,
html body .page-legal-wrap p,
html body .page-legal-wrap strong,
html body .page-legal-wrap li,
html body .page-faq-wrap,
html body .page-faq-wrap h1,
html body .page-faq-wrap h2,
html body .page-faq-wrap h3,
html body .page-faq-wrap p,
html body .page-faq-wrap strong,
html body .page-faq-wrap li{color:#F5F3EE!important}
html body .page-legal-wrap .legal-intro,
html body .page-faq-wrap .legal-intro{color:rgba(255,255,255,.6)!important}
/* Liens internes -> jaune (battre inline color:#000) */
html body .page-legal-wrap a,
html body .page-faq-wrap a{color:#F5C900!important}
html body .page-legal-wrap a:hover,
html body .page-faq-wrap a:hover{color:#fff!important}
/* Dernière maj / petites mentions */
html body .page-legal-wrap p[style*="text-transform:uppercase"]{color:rgba(255,255,255,.5)!important}
/* CONTACT (/contact/) */
html body .page-contact-wrap,
html body .page-contact-wrap > h1,
html body .page-contact-wrap h2{color:#F5F3EE!important}
html body .contact-lead{color:rgba(255,255,255,.72)!important}
html body .contact-email-block,
html body .contact-email-block *{color:rgba(255,255,255,.78)!important}
html body .contact-email-block a[href^="mailto:"]{color:#F5C900!important}
html body .contact-email-block a[href^="mailto:"]:hover{color:#fff!important}
/* Formulaire contact : labels + champs sur surface élevée */
html body #itk-contact-form label{color:rgba(255,255,255,.7)!important}
html body #itk-contact-form input[type="text"],
html body #itk-contact-form input[type="email"],
html body #itk-contact-form textarea,
html body #itk-contact-form select{background:#161617!important;color:#F5F3EE!important;border-color:rgba(255,255,255,.22)!important}
html body #itk-contact-form ::placeholder{color:rgba(255,255,255,.4)!important}
html body #itk-contact-form button[type="submit"]{background:#F5C900!important;color:#111!important;border:1px solid #F5C900!important}
html body #itk-contact-form button[type="submit"]:hover{background:#fff!important;color:#111!important;border-color:#fff!important}

/* ── 8. COMPTE (/mon-compte/) + WISHLIST (/wishlist/) ── */
html body.woocommerce-account{background:#0C0C0D!important}
html body.woocommerce-account .page-content{background:#0C0C0D!important}
html body.woocommerce-account h1,
html body.woocommerce-account h2,
html body.woocommerce-account h3,
html body.woocommerce-account .section-title{color:#F5F3EE!important}
html body.woocommerce-account p,
html body.woocommerce-account label,
html body.woocommerce-account td,
html body.woocommerce-account th{color:rgba(255,255,255,.78)!important}
html body.woocommerce-account .woocommerce-form input,
html body.woocommerce-account input.input-text,
html body.woocommerce-account input[type="text"],
html body.woocommerce-account input[type="email"],
html body.woocommerce-account input[type="password"],
html body.woocommerce-account select{background:#161617!important;color:#F5F3EE!important;border-color:rgba(255,255,255,.22)!important;border-radius:0!important}
html body.woocommerce-account ::placeholder{color:rgba(255,255,255,.4)!important}
html body.woocommerce-account .woocommerce-form-login,
html body.woocommerce-account .woocommerce-form-register,
html body.woocommerce-account .u-column1,
html body.woocommerce-account .u-column2{border-color:rgba(255,255,255,.12)!important}
/* premium.css `.woocommerce button.button:not(.alt)` = spéc 0,3,1 -> on monte à 0,4,2 */
html body.woocommerce-account .button,
html body.woocommerce-account button[type="submit"],
html body.woocommerce-account.woocommerce button.button,
html body.woocommerce-account.woocommerce-page button.button{background:#F5C900!important;color:#111!important;border-color:#F5C900!important}
html body.woocommerce-account.woocommerce button.button:hover,
html body.woocommerce-account .button:hover{background:#fff!important;color:#111!important}
html body.woocommerce-account .woocommerce-MyAccount-navigation ul li a{color:rgba(255,255,255,.72)!important}
html body.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a,
html body.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover{color:#F5C900!important}
html body.woocommerce-account .woocommerce-MyAccount-navigation ul li{border-color:rgba(255,255,255,.12)!important}
html body.woocommerce-account a{color:#F5F3EE!important}
html body.woocommerce-account a:hover{color:#F5C900!important}
/* Lost password / liens */
html body.woocommerce-account .lost_password a{color:#F5C900!important}
/* WISHLIST (page 972) — état vide + items */
html body.page-id-972 .page-content,
html body.page-id-972{background:#0C0C0D!important}
html body.page-id-972 h1,
html body.page-id-972 h2,
html body.page-id-972 .section-title{color:#F5F3EE!important}
html body.page-id-972 .page-content p,
html body.page-id-972 .itk-wishlist-page-wrap p,
html body.page-id-972 .itk-wishlist-empty,
html body.page-id-972 .itk-wishlist-empty p{color:rgba(255,255,255,.72)!important}
/* La boîte d'état vide (#itkp2-wishlist-page) a un fond papier -> sombre */
html body.page-id-972 #itkp2-wishlist-page.itk-wishlist-page-wrap,
html body.page-id-972 .itk-wishlist-page-wrap{background:#0C0C0D!important;border:1px solid rgba(255,255,255,.10)!important}
/* Liens dans le contenu wishlist -> jaune (PAS le footer/nav) */
html body.page-id-972 .itk-wishlist-page-wrap a,
html body.page-id-972 .page-content > div a{color:#F5C900!important}
/* .itk-btn "Voir la collection" : reste sombre + texte jaune (lisible sur sombre) */
/* Cartes wishlist = blanches (packshots) si rendues comme loop produit */
html body.page-id-972 ul.products li.product{background:#fff!important;border:1px solid rgba(255,255,255,.10)!important}
html body.page-id-972 ul.products li.product .woocommerce-loop-product__title,
html body.page-id-972 ul.products li.product .price,
html body.page-id-972 ul.products li.product .price .amount{color:#111!important}

/* ── 9. 404 + recherche : fond sombre, texte clair ── */
html body.error404 .page-content,
html body.search .page-content{background:#0C0C0D!important}
html body.error404 h1,html body.search h1{color:#F5F3EE!important}

/* ── 10. Skip-link accessibilité (ajouté 2026-06-09, SAFE pass) ── */
.skip-link{position:absolute;left:-9999px;top:0;z-index:100000;background:#F5C900;color:#111;padding:10px 16px;font-family:'Space Grotesk',system-ui,sans-serif;font-weight:600;text-decoration:none;border:2px solid #111;border-radius:0}
.skip-link:focus{left:8px;top:8px;outline:2px solid #111;outline-offset:2px}

/* ════ QA FIXES (2026-06-09) — finitions sombre ════ */
/* Fiche produit : le conteneur div.product gardait un fond clair (beige) → panneau "Produits similaires" + bande mobile + titre lavé */
body.single-product.woocommerce div.product,body.single-product div.product{background:#0C0C0D!important}
body.single-product .related.products,body.single-product .upsells.products,body.single-product .related,body.single-product .upsells{background:#0C0C0D!important}
body.single-product .related.products>h2,body.single-product .upsells.products>h2,body.single-product .related>h2,body.single-product .upsells>h2{color:#F5F3EE!important}
/* Home : eyebrow surtitre hero contraste AA */
body.home .itk-h2-eyebrow{color:rgba(255,255,255,.74)!important}
/* Mobile : bouton sticky add-to-cart en jaune (cohérence CTA) */
.itk-mobile-cta__btn,.single-product .itk-mobile-cta__btn{background:#F5C900!important;color:#111!important;border-color:#F5C900!important}

/* ════════════════ HOME V3 — VENTE SIMPLE + TEXTE FLUIDE (2026-06-10) ════════════════ */
/* 01 Hero typographique */
body.home .itk-h3-hero{min-height:88vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:clamp(120px,18vh,180px) 20px clamp(56px,9vh,110px);background:radial-gradient(ellipse 90% 60% at 50% -10%,#1A1A1C 0%,#0C0C0D 60%)}
body.home .itk-h3-hero__inner{max-width:1100px;margin:0 auto}
body.home .itk-h3-eyebrow{font-family:var(--itk-fm,'Courier New',monospace);font-size:11px;letter-spacing:4px;text-transform:uppercase;color:rgba(255,255,255,.6);margin:0 0 26px;display:block}
body.home .itk-h3-title{font-family:'Space Grotesk',system-ui,sans-serif!important;font-weight:500!important;font-size:clamp(3.4rem,11vw,9rem)!important;line-height:.96!important;letter-spacing:-.035em!important;color:#F5F3EE!important;margin:0!important;text-transform:none!important}
body.home .itk-h3-line{display:block}
body.home .itk-h3-title .wm{display:inline-block;overflow:hidden;vertical-align:bottom;padding-bottom:.08em;margin-bottom:-.08em}
body.home .itk-h3-title .w{display:inline-block;will-change:transform}
/* Les spans DOIVENT hériter la typo du h1 (une règle générique met les span à 16px —
   il faut couvrir TOUTE la chaîne : .itk-h3-line → .wm → .w) */
body.home .itk-h3-title .itk-h3-line,body.home .itk-h3-title .wm,body.home .itk-h3-title .w{font-size:inherit!important;line-height:inherit!important;font-family:inherit!important;font-weight:inherit!important;letter-spacing:inherit!important;color:inherit!important;text-transform:inherit!important}
body.home .itk-h3-sub{font-family:var(--itk-fm,'Courier New',monospace);font-size:13px;letter-spacing:3px;text-transform:uppercase;color:rgba(255,255,255,.66);margin:30px 0 0}
body.home .itk-h3-actions{display:flex;align-items:center;justify-content:center;gap:26px;flex-wrap:wrap;margin-top:34px}
body.home .itk-h3-ghostlink{font-family:var(--itk-fm,'Courier New',monospace);font-size:12px;letter-spacing:2px;text-transform:uppercase;color:#F5F3EE;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.4);padding:6px 0;transition:color .25s,border-color .25s}
body.home .itk-h3-ghostlink:hover{color:#F5C900;border-color:#F5C900}
/* États initiaux des animations (uniquement si html.itk-anim, posé par JS hors reduced-motion ; failsafe 3.2s) */
html.itk-anim body.home .itk-h3-title .w{opacity:0;transform:translateY(112%) rotate(4deg)}
html.itk-anim body.home .itk-h3-eyebrow{opacity:0;transform:translateY(14px)}
html.itk-anim body.home .itk-h3-sub,html.itk-anim body.home .itk-h3-actions{opacity:0;transform:translateY(18px)}
/* 02 Marquee */
body.home .itk-marquee{overflow:hidden;border-top:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12);padding:15px 0;background:#0C0C0D}
body.home .itk-marquee__track{display:inline-flex;align-items:center;gap:34px;white-space:nowrap;width:max-content;animation:itkMarquee 30s linear infinite;font-family:var(--itk-fm,'Courier New',monospace);font-size:12px;letter-spacing:3px;text-transform:uppercase;color:rgba(255,255,255,.6)}
body.home .itk-marquee__track i{font-style:normal;color:#F5C900}
@keyframes itkMarquee{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion: reduce){body.home .itk-marquee__track{animation:none}}
/* 05 Outro — une ligne */
body.home .itk-h3-outro{text-align:center;padding:clamp(70px,11vw,130px) 20px;background:#0C0C0D}
body.home .itk-h3-outro__line{font-family:'Space Grotesk',system-ui,sans-serif;font-weight:400;font-size:clamp(1.5rem,3.4vw,2.5rem);line-height:1.25;letter-spacing:-.01em;color:rgba(255,255,255,.82);max-width:24ch;margin:0 auto}
body.home .itk-h3-outro__line em{font-style:normal;color:#F5F3EE}
body.home .itk-h3-outro__links{display:flex;align-items:center;justify-content:center;gap:30px;flex-wrap:wrap;margin-top:30px}
/* Fix : la loupe du header recevait un background plein (carré blanc) — seules les barres du burger doivent être pleines */
.nav-search-toggle svg,.nav-cart svg,body.home .nav-search-toggle svg,body.home .nav-cart svg{background:none!important}

/* ════ POLISH FRAMER (2026-06-10) — rail manifeste + hover cartes + micro-pack ════ */
/* Rail manifeste : sticky, le scroll fait glisser les mots vers la droite */
body.home .itk-rail{height:240vh;position:relative;background:#0C0C0D}
body.home .itk-rail__sticky{position:sticky;top:0;height:100vh;display:flex;align-items:center;overflow:hidden}
body.home .itk-rail__track{display:inline-flex;align-items:baseline;gap:clamp(26px,4.5vw,64px);white-space:nowrap;padding:0 8vw;will-change:transform}
body.home .itk-rail__word{font-family:'Space Grotesk',system-ui,sans-serif!important;font-weight:500!important;font-size:clamp(3.6rem,12vw,10.5rem)!important;line-height:1!important;letter-spacing:-.03em!important;color:#F5F3EE!important;text-transform:none!important}
body.home .itk-rail__word--ghost{color:transparent!important;-webkit-text-stroke:1.5px rgba(245,243,238,.5)}
body.home .itk-rail__dot{color:#F5C900;font-family:'Space Grotesk',system-ui,sans-serif;font-size:clamp(2rem,5vw,4.5rem)}
@media(max-width:767px){
  body.home .itk-rail{height:auto}
  body.home .itk-rail__sticky{position:static;height:auto;padding:64px 0;overflow-x:auto;-webkit-overflow-scrolling:touch}
}
@media(prefers-reduced-motion: reduce){
  body.home .itk-rail{height:auto}
  body.home .itk-rail__sticky{position:static;height:auto;padding:64px 0}
  body.home .itk-rail__track{transform:none!important}
}
/* Hover cartes : crossfade vers la 2e image (packshot face) */
body.home .itk-h-card__media{position:relative}
body.home .itk-h-card__img2{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .45s ease;pointer-events:none}
@media(hover:hover) and (prefers-reduced-motion: no-preference){
  body.home .itk-h-card:hover .itk-h-card__img2{opacity:1}
}
/* Micro-pack */
body.home .itk-marquee:hover .itk-marquee__track{animation-play-state:paused}
@keyframes itkPop{0%{transform:scale(1)}45%{transform:scale(1.5)}100%{transform:scale(1)}}
.cart-count.itk-pop{animation:itkPop .5s cubic-bezier(.2,.7,.2,1)}
@media(prefers-reduced-motion: no-preference){html{scroll-behavior:smooth}}
::selection{background:#F5C900;color:#111}
.itk-h-btn:active,.itk-mobile-cta__btn:active,.itk-h2-hero__cta:active{transform:scale(.97)}