/* ============================================================================ woocommerce-product-single.css — v2.1.1 v2.1.1 (07/08/2026) : vu sur capture apres depot — l onglet « Reviews » restait un bloc NOIR. Cause : Themify peint le (pas le

) en noir, et notre fond gris etait pose sur le

, donc invisible. Correctif : `background:transparent !important` sur le lien. Single WooCommerce product page (subscriptions, digital products) To paste in: /wp-content/themes/infinite-child/css/woocommerce-product-single.css v2.1.0 (07/08/2026) : 3 correctifs mesurés EN DIRECT sur /product/stylecleaner-for-word-12-month-license/ avant livraison — la v2.0.0 n aurait PAS suffi : 1. le fond blanc vient de , pas de #content : la regle ne mordait pas. 2. onglets : Themify pose `.woocommerce div.product .woocommerce-tabs ul.tabs li a{color:#fff}` (texte BLANC) ET double la couleur avec `-webkit-text-fill-color`, qui prime sur `color`. On ajoute donc la propriete fill partout, et on prefixe en `body.single-product.woocommerce` — CLASSES COLLEES : `.woocommerce` est sur le ici, la version avec espace ne matchait RIEN (verifie en direct). 3. bouton d achat : meme renfort de specificite (le thème peint aussi `.woocommerce a.button.alt` en noir). v2.0.0 (07/08/2026) : passage à la charte « Menthe & Violet » (CHARTE-EN- MENTHE-VIOLET.md, validée 06/08/2026). La v1 était encore dans l'ancienne charte FR portée (Inter / ambre #8F6316 / vert #107C41) et ne couvrait pas les onglets Description/Reviews (restés noirs, thème par défaut). Rappels charte : violet #7C4DDB = acheter · violet foncé #5B2FB0 = LES PRIX UNIQUEMENT · liens texte #14785A · border-radius:0 PARTOUT · zéro ombre. ============================================================================ */ /* ── Page background (thème par défaut = blanc) ── v2.1.0 : mesuré en direct — le blanc est posé sur , pas sur #content (qui est transparent). Sans la 1re ligne, la page restait blanche. */ body.single-product{ background:#FAF9F2 !important; } body.single-product #content, body.single-product .type-page, body.single-product #layout{ background:#FAF9F2 !important; } /* ── No product image: hide the placeholder box, let the summary take full width ── */ .woocommerce-product-gallery--without-images { display:none !important; } .woocommerce-product-gallery--without-images ~ .summary, .woocommerce-product-gallery--without-images + .summary { float:none !important; width:100% !important; max-width:720px; } .summary.entry-summary { padding-top:8px; } /* ── Title ── */ .product_title.entry-title{ font-family:'Archivo', sans-serif !important; font-weight:700 !important; letter-spacing:-0.02em !important; color:#191C10 !important; margin:0 0 10px !important; } /* ── Price — violet foncé, réservé aux montants ── */ .summary .price{ font-family:'Archivo', sans-serif !important; font-size:32px !important; font-weight:700 !important; color:#5B2FB0 !important; margin:4px 0 16px !important; } .summary .price .woocommerce-Price-amount{ color:#5B2FB0 !important; } /* ── Short description ── */ .woocommerce-product-details__short-description{ background:#FFFFFF; border:1px solid #DBDCD0; border-radius:0; padding:16px 18px; margin:4px 0 20px; } .woocommerce-product-details__short-description p{ margin:0 !important; font-family:'IBM Plex Sans', sans-serif; font-size:15px; line-height:1.55; color:#3C4033; display:flex; align-items:flex-start; gap:10px; } .woocommerce-product-details__short-description .pev-emoji{ flex:none; font-size:18px; line-height:1.4; } /* ── Quantity + Subscribe/Add to cart button — VIOLET (= acheter) ── */ .summary .quantity .qty{ border:1px solid #DBDCD0 !important; border-radius:0 !important; height:44px !important; background:#FFFFFF !important; } .summary .quantity .minus, .summary .quantity .plus{ border:1px solid #DBDCD0 !important; border-radius:0 !important; height:44px !important; width:40px !important; background:#FFFFFF !important; } .single_add_to_cart_button, body.single-product.woocommerce div.product form.cart .single_add_to_cart_button, body.single-product.woocommerce #respond input#submit, body.single-product.woocommerce a.button.alt, body.single-product.woocommerce button.button.alt{ background:#7C4DDB !important; -webkit-text-fill-color:#fff !important; border:0 !important; color:#fff !important; font-family:'IBM Plex Sans', sans-serif !important; font-weight:600 !important; border-radius:0 !important; padding:12px 26px !important; letter-spacing:.02em; box-shadow:none !important; transition:background-color .15s; } .single_add_to_cart_button:hover, body.single-product.woocommerce div.product form.cart .single_add_to_cart_button:hover, body.single-product.woocommerce #respond input#submit:hover, body.single-product.woocommerce a.button.alt:hover, body.single-product.woocommerce button.button.alt:hover{ background:#6A3DC4 !important; } /* ── Category / meta row ── */ .product_meta{ margin-top:20px !important; font-family:'IBM Plex Sans', sans-serif; font-size:13px; color:#6E7263; } .product_meta a{ color:#14785A; font-weight:600; text-decoration:none; } .product_meta a:hover{ color:#0E5C44; text-decoration:underline; } /* ── Tabs Description / Reviews (étaient noirs = thème par défaut) ── Onglet actif = bloc blanc rattaché au panneau (bordure basse ouverte) ; onglets inactifs = gris grille #EFEEE4, texte secondaire. Plat, radius 0. */ .woocommerce-tabs ul.tabs{ padding:0 !important; margin:0 !important; border-bottom:1px solid #DBDCD0 !important; display:flex; gap:6px; } .woocommerce-tabs ul.tabs::before, .woocommerce-tabs ul.tabs::after{ display:none !important; } body.single-product.woocommerce div.product .woocommerce-tabs ul.tabs li, .woocommerce-tabs ul.tabs li{ background:#EFEEE4 !important; border:1px solid #DBDCD0 !important; border-bottom:0 !important; border-radius:0 !important; margin:0 !important; padding:0 !important; box-shadow:none !important; } .woocommerce-tabs ul.tabs li::before, .woocommerce-tabs ul.tabs li::after{ display:none !important; } /* v2.1.0 — DEUX pièges Themify démontés ici (mesurés en direct le 07/08) : 1. Themify peint ces liens en BLANC (`.woocommerce div.product .woocommerce-tabs ul.tabs li a{color:#fff}`) — invisible sur nos onglets gris clair. Notre !important le bat (Themify n en met pas). 2. Il double la couleur avec `-webkit-text-fill-color`, qui PRIME sur `color` : sans la ligne fill ci-dessous, le texte resterait blanc même avec color !important. Ne jamais retirer les lignes -webkit-text-fill-color. ⚠️ `.woocommerce` est posé sur le ici : écrire `body.single-product.woocommerce` (collé), pas `body.single-product .woocommerce` (espace) — sinon le sélecteur ne matche rien. */ body.single-product.woocommerce div.product .woocommerce-tabs ul.tabs li a, .woocommerce-tabs ul.tabs li a{ font-family:'IBM Plex Sans', sans-serif !important; font-size:15px !important; font-weight:600 !important; color:#6E7263 !important; -webkit-text-fill-color:#6E7263 !important; /* v2.1.1 : Themify peint le LIEN en NOIR (`...ul.tabs li a{background:#000}`), pas le

etait donc entierement recouvert. On rend le lien transparent : l onglet prend la couleur du