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

    /* Couleurs principales */
    --primary-color: #f9c930; /* Jaune existant */
    --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) */

    /* 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;
}

/* 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);
}