/*
Theme Name:   Hello Elementor Child
Theme URI:    https://winelinerack.com/
Description:  Thème enfant de Hello Elementor pour winelinerack.com. Surcharges CSS, hooks et personnalisations spécifiques au site Wine Line®.
Author:       Paraflow
Author URI:   https://paraflow.fr/
Template:     hello-elementor
Version:      1.0.0
Text Domain:  hello-elementor-child
License:      GNU General Public License v3 or later
License URI:  https://www.gnu.org/licenses/gpl-3.0.html
Tags:         elementor, ecommerce, woocommerce
*/

/* =============================================================================
   Surcharges CSS globales du thème enfant Wine Line
   =============================================================================
   Ce fichier contient :
     1. Les tokens design (variables CSS) — alignés sur le site-kit Wine Line
     2. Les styles GLOBAUX (chargés sur toutes les pages)

   Les styles spécifiques à une fonctionnalité sont dans /assets/css/ :
     - assets/css/seo-content.css  → contenu SEO catégorie (chargé conditionnellement)
     - assets/css/main-menu.css    → menu principal (chargé via shortcode)

   Toutes les couleurs/typos doivent référencer les variables ci-dessous via var(--wl-…).
   ============================================================================= */

/* -----------------------------------------------------------------------------
   Design tokens
   -----------------------------------------------------------------------------
   Les variables --wl-* sont chaînées sur les globals Elementor (--e-global-*)
   afin que le site-kit reste la SEULE source de vérité.
   Les valeurs hex en fallback ne s'appliquent que si Elementor n'a pas chargé
   sa feuille (ex : preview en dehors du site, environnement de test).

   Pour modifier une couleur en production :
     → Elementor > Site Settings > Couleurs (PAS dans ce fichier).
   ----------------------------------------------------------------------------- */
:root {
	/* Couleurs — chaînées au site-kit Elementor */
	--wl-color-primary:      var(--e-global-color-primary,   #101010);    /* Anthracite (profond) */
	--wl-color-secondary:    var(--e-global-color-secondary, #C2B280);    /* Or laiton */
	--wl-color-text:         var(--e-global-color-text,      #1C0D00F2);  /* Body text (95% opaque) */
	--wl-color-bg-soft:      var(--e-global-color-accent,    #F9F8F6);    /* Ivoire */

	/* Couleurs custom (pas dans system_colors mais utilisées) */
	--wl-color-secondary-dk: #8C7A4A;    /* Or laiton foncé — hover sur fond clair */
	--wl-color-steel:        #A6A6A6;    /* Acier doux */
	--wl-color-border:       #EBE3D2;    /* Bordures discrètes (or pâle) */
	--wl-color-white:        #FFFFFF;
	--wl-color-black:        #000000;

	/* Typographies — chaînées au site-kit Elementor */
	--wl-font-headings: var(--e-global-typography-secondary-font-family, "Playfair Display"), serif;
	--wl-font-body:     var(--e-global-typography-text-font-family,      "Inter"), sans-serif;

	/* Espacements */
	--wl-radius-sm: 4px;
	--wl-radius-md: 6px;
	--wl-radius-lg: 8px;

	/* Ombres */
	--wl-shadow-md: 0 8px 24px rgba(40, 30, 10, 0.08);
}