/* Styles de base */
/* Variables globales du thème */
:root {
    /* ===== COULEURS ===== */

    /* Couleurs principales */
    /*--primary-color: #f9c930; *//* Jaune existant */
/*    --primary-color: #FF7F00; */ /* tangerine */
    /*  titre des pages par catérories -     */
    --primary-color: #ff6600; /*orange */
    /*--primary-color: #DAB30A; */ /*jaune ocre  */

    --secondary-color: #333333; /* Texte standard */

    /* ===== TYPOGRAPHIE ===== */

    /* Police principale */
    --font-family-primary: "Montserrat", sans-serif;
    --font-family-fallback: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, sans-serif;


    /* Couleurs d'interface */
    /*--hover-color: #009900;*/ /* Vert pour les survols (repris de menu.css) */
    /*--active-color: #ff6600;*/ /* Orange pour les éléments actifs (repris de menu.css) */
    --hover-color: #009900; /* Vert pour les survols (repris de menu.css) */
    --active-color: #ff6600; /* Orange pour les éléments actifs (repris de menu.css) */

    /* Bordures */
    --border-color: #f0f0f0;
    --border-width: 1px;
    --title-border-width: 2px;

    /* ===== EFFETS ET TRANSITIONS ===== */

    --hover-transition: all 0.3s ease;
    --hover-scale: scale(1.05);

    /* ===== GALERIE PRODUIT ===== */

    /* Tailles de galerie */
    --product-gallery-max-width: 600px;
    --product-gallery-max-height: 600px;
    --gallery-thumb-width: 22%;
    --gallery-thumb-margin: 3%;
    --gallery-thumb-margin-bottom: 10px;

    /* ===== PANIER (MINI-CART) ===== */

    /* Tailles des images du panier */
    --cart-image-size: 80px;
    --cart-item-min-height: 100px;
    --cart-item-gap: 12px;
    --cart-item-padding: 12px 0;

    /* ===== IMAGES PRODUITS EN LISTE ===== */

    /* Tailles d'images produits */
    --product-image-height: 300px;
    --product-image-width: auto;

    /* Hauteurs minimales des éléments */
    --product-category-min-height: 40px;
    --product-title-min-height: 40px;
    --product-rating-min-height: 20px;
    --product-price-min-height: 25px;

    /* Marges et espacements */
    --product-margin-bottom: 10px;
    --product-category-margin-bottom: 5px;
    --product-rating-margin: 5px auto;

    /* ===== PRODUITS RÉCEMMENT VUS ===== */

    /* Tailles pour produits récemment vus */
    --recently-viewed-image-width: 80px;
    --recently-viewed-image-margin: 0 10px 0 0; /* Changé de 15px à 10px pour correspondre à votre CSS */
    --recently-viewed-spacing: 40px;
    --recently-viewed-min-height: 100px;

    /* Typographie produits récemment vus */
    --recently-viewed-font-size: 0.9em;
    --recently-viewed-price-font-size: 0.85em;
    --recently-viewed-line-height: 1.2; /* Changé de 1.3 à 1.2 pour correspondre à votre CSS */

    /* Section titre */
    --recently-viewed-title-font-size: 1.5em;
    --recently-viewed-title-margin-bottom: 15px;
    --recently-viewed-title-padding-bottom: 10px;

    /* ===== PROMOTIONS ET RÉDUCTIONS ===== */

    /* Couleurs principales des promotions */
    --promo-orange: #FF6600;
    --promo-orange-light: #ff8533;
    --promo-badge-red: #e74c3c;
    --promo-badge-red-rgb: 231, 76, 60;
    --promo-savings-green: #27ae60;
    --promo-savings-bg: #e8f8f0;
    --promo-old-price-color: #999;
    
    /* Couleurs de fond pour les tableaux et éléments */
    --promo-table-bg: #fff;
    --promo-table-hover-bg: #fffbf5;
    --promo-table-active-bg: #fff9f0;
    --promo-text-color: #333;
    --promo-text-white: #fff;
    
    /* Bordures et séparateurs */
    --promo-table-border: 2px;
    --promo-table-border-color: var(--promo-orange);
    --promo-row-border: 1px solid #f0f0f0;
    
    /* Coins arrondis */
    --promo-table-radius: 8px;
    --promo-table-radius-inner: 6px;
    --promo-badge-radius: 4px;
    --promo-message-radius: 4px;
    
    /* Espacements - Tableau */
    --promo-table-margin: 20px 0;
    --promo-table-margin-mobile: 15px 0;
    --promo-table-padding: 0;
    --promo-table-cell-padding: 12px 15px;
    --promo-table-cell-padding-mobile: 8px 10px;
    --promo-table-cell-padding-small: 6px 8px;
    
    /* Espacements - Badges */
    --promo-badge-padding: 8px 12px;
    --promo-badge-padding-list: 6px 10px;
    --promo-badge-padding-mobile: 6px 8px;
    --promo-badge-position-top: 10px;
    --promo-badge-position-left: 10px;
    --promo-badge-position-mobile: 5px;
    
    /* Espacements - Messages */
    --promo-message-padding: 8px 12px;
    --promo-message-margin-top: 10px;
    --promo-message-border-left: 4px;
    
    /* Typographie - Tableau */
    --promo-table-font-size: 14px;
    --promo-table-font-size-mobile: 12px;
    --promo-table-font-size-small: 11px;
    --promo-table-header-font-weight: 600;
    --promo-table-title-font-weight: 600;
    --promo-table-discount-font-weight: 700;
    --promo-table-discount-font-size: 16px;
    --promo-table-letter-spacing: 0.5px;
    
    /* Typographie - Badges */
    --promo-badge-font-size: 14px;
    --promo-badge-font-size-list: 12px;
    --promo-badge-font-size-mobile: 11px;
    --promo-badge-font-weight: 700;
    
    /* Typographie - Prix */
    --promo-price-old-size: 0.9em;
    --promo-price-new-size: 1.2em;
    --promo-price-new-size-mobile: 1.1em;
    --promo-price-old-opacity: 0.7;
    --promo-price-font-weight: 700;
    --promo-price-cart-font-weight: 600;
    --promo-savings-font-weight: 600;
    
    /* Effets visuels - Ombres */
    --promo-table-shadow: 0 2px 8px rgba(255, 102, 0, 0.15);
    --promo-badge-shadow: 0 2px 6px rgba(231, 76, 60, 0.3);
    --promo-badge-shadow-list: 0 2px 4px rgba(231, 76, 60, 0.3);
    
    /* Effets visuels - Transitions et transformations */
    --promo-table-transition: all 0.3s ease;
    --promo-table-hover-transform: translateX(2px);
    
    /* Z-index */
    --promo-badge-z-index: 10;
    --promo-badge-z-index-astra: 999;
}

/* Classe pour exposer les variables CSS en tant qu'attributs data-* */
body::after {
    content: "";
    display: none;
    visibility: hidden;

    /* Exposer les variables en tant qu'attributs CSS accessibles */
    --data-primary-color: var(--primary-color);
    --data-secondary-color: var(--secondary-color);
    --data-hover-color: var(--hover-color);
    --data-active-color: var(--active-color);
    --data-hover-transition: var(--hover-transition);
    --data-hover-scale: var(--hover-scale);
}

/* Masquer le filtre de prix */
.widget_price_filter {
    display: none !important;
}

/* ===== APPLICATION DE LA POLICE MONTSERRAT ===== */

/* Application globale */
body,
html {
    font-family: var(--font-family-primary), var(--font-family-fallback);
}

/* Titres */
h1, h2, h3, h4, h5, h6,
.entry-title,
.page-title,
.widget-title {
    font-family: var(--font-family-primary), var(--font-family-fallback);
}

/* Texte de contenu */
p, li, span, div, a,
.entry-content,
.page-content {
    font-family: var(--font-family-primary), var(--font-family-fallback);
}

/* Boutons (sauf menus) */
button,
.button,
.btn,
input[type="submit"],
input[type="button"],
.wp-block-button__link,
.ast-button {
    font-family: var(--font-family-primary), var(--font-family-fallback);
}

/* Formulaires */
input,
textarea,
select,
.form-control {
    font-family: var(--font-family-primary), var(--font-family-fallback);
}

/* WooCommerce spécifique */
.woocommerce .product-title,
.woocommerce .woocommerce-product-details__short-description,
.woocommerce .cart-item-name,
.woocommerce .price,
.woocommerce .amount,
.woocommerce .woocommerce-tabs .panel,
.woocommerce .shop_table,
.woocommerce .checkout .form-row label,
.woocommerce-account .woocommerce-MyAccount-navigation a,
.woocommerce-account .woocommerce-MyAccount-content {
    font-family: var(--font-family-primary), var(--font-family-fallback);
}

/* Thème Astra spécifique (sauf navigation) */
.ast-single-post .entry-header .entry-title,
.ast-page-builder-template .entry-header .entry-title,
.ast-archive-title,
.widget_calendar caption,
.widget_calendar th,
.widget_calendar td {
    font-family: var(--font-family-primary), var(--font-family-fallback);
}

/* ========================================
   FORCER ORANGE POUR CATÉGORIES ET TITRES PRODUITS UNIQUEMENT
   ======================================== */

/* Catégories - cibler spécifiquement le widget WooCommerce */
.woocommerce-widget-layered-nav-list a,
.product-categories a,
.wc-block-product-categories a,
.wc-block-product-categories-list-item a,
.widget_product_categories a,
[class*="product-categories"] a {
    color: #FF7F00 !important; /* tangerine */
}

/* Titres de produits UNIQUEMENT (pas les autres h2) */
.woocommerce ul.products li.product h2,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce-loop-product__title,
.product_title.entry-title,
.single-product .product_title {
    color: #FF7F00 !important; /* tangerine */
}

/* Surcharge des couleurs Astra globales pour les catégories */
.has-ast-global-color-0-color,
.wp-block-group.has-ast-global-color-0-color a {
    color: #FF7F00 !important; /* tangerine */
}