/* Theme Name: Woodmart Child Description: Woodmart Child Theme Author: XTemos Author URI: http://xtemos.com Template: woodmart Version: 1.0.0 Text Domain: woodmart */ /* ------------------------------------------------------------------ Écran de chargement — grappe centrée dans l'anneau rotatif ------------------------------------------------------------------ Woodmart affiche SOIT son anneau rotatif, SOIT l'image renseignée dans Réglages du thème > Preloader : jamais les deux. Le CSS de l'anneau n'est imprimé que si aucune image n'est définie (woodmart/inc/template-tags/template-tags.php, ligne 240). L'option image est donc laissée VIDE à dessein — la renseigner supprimerait l'animation. Le SVG est posé en fond du conteneur : l'anneau (::before) tourne, le fond reste immobile. Les styles du thème sont imprimés dans le , donc après cette feuille. Les sélecteurs ci-dessous sont volontairement plus spécifiques pour l'emporter sans recourir à !important. ------------------------------------------------------------------ */ .wd-preloader .wd-preloader-img { display: flex; align-items: center; justify-content: center; width: 68px; height: 68px; background-image: url("/wp-content/uploads/2026/08/wine-grape.svg"); background-repeat: no-repeat; background-position: center; /* Dimensions explicites : le SVG n'a ni width ni height, seulement un viewBox 32x40 — « auto » serait résolu différemment selon le navigateur. 26x32.5 conserve le rapport d'origine. */ background-size: 26px 32.5px; } .wd-preloader.color-scheme-dark .wd-preloader-img::before, .wd-preloader.color-scheme-light .wd-preloader-img::before { width: 68px; height: 68px; /* Repli pour les navigateurs sans color-mix ; la seconde déclaration prend le relais et suit la couleur primaire si elle change. */ border-color: rgba(172, 68, 85, 0.2); border-color: color-mix(in srgb, var(--wd-primary-color, #ac4455) 20%, transparent); border-top-color: var(--wd-primary-color, #ac4455); } /* ------------------------------------------------------------------ Mention sanitaire du popup de vérification d'âge ------------------------------------------------------------------ Insérée par woodmart_child_age_verify_ajouter_mention() dans functions.php. Volontairement discrète : elle est obligatoire, pas promotionnelle, et ne doit pas concurrencer les deux boutons. La couleur suit celle du texte du popup en l'atténuant, pour rester lisible sur les deux jeux de couleurs (color-scheme-dark et -light) sans figer une valeur qui ne vaudrait que pour l'un des deux. ------------------------------------------------------------------ */ .wd-age-verify .wd-age-verify-mention { margin-top: 20px; margin-bottom: 0; font-size: 12px; line-height: 1.5; text-align: center; text-transform: uppercase; letter-spacing: 0.03em; opacity: 0.65; } /* ------------------------------------------------------------------ Livraison et paiement — les radios deviennent des boutons ------------------------------------------------------------------ Ajouté le 24 août 2026, sur le panier ET la page de commande : les deux pages impriment exactement le même balisage pour la livraison (`ul#shipping_method.woocommerce-shipping-methods`), une seule série de règles les couvre donc toutes les deux. Le natif aligne des boutons radio de quelques pixels, à droite dans une cellule de tableau, sans qu'aucun repère visuel ne signale l'option retenue. Chaque option devient ici un bouton pleine largeur ; la sélection est portée par un aplat de la couleur primaire du thème. Deux points qui ne sont pas du confort : - **Le radio n'est pas supprimé, seulement rendu invisible.** Un `display: none` le sortirait de la navigation au clavier et le tunnel deviendrait impraticable sans souris. Il reste dans le flux, en position absolue, et c'est le `