.elementor-797 .elementor-element.elementor-element-52d07a9{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:20px 40px;--row-gap:20px;--column-gap:40px;--margin-top:-20px;--margin-bottom:40px;--margin-left:0px;--margin-right:0px;}.elementor-797 .elementor-element.elementor-element-9faa65d{--display:flex;}.elementor-797 .elementor-element.elementor-element-6caccea{--display:flex;}html .elementor-797 .elementor-element.elementor-element-bccdace .product_title{font-weight:700;color:var( --e-global-color-secondary );}.elementor-797 .elementor-element.elementor-element-57ebcba{width:auto;max-width:auto;}.elementor-797 .elementor-element.elementor-element-4f4e379{--divider-border-style:solid;--divider-color:#EBEBEB;--divider-border-width:1px;}.elementor-797 .elementor-element.elementor-element-4f4e379 .elementor-divider-separator{width:100%;}.elementor-797 .elementor-element.elementor-element-4f4e379 .elementor-divider{padding-block-start:0px;padding-block-end:0px;}.elementor-797 .elementor-element.elementor-element-5139e9b .shop_attributes{--wd-attr-col:4;}.elementor-797 .elementor-element.elementor-element-df51004 .shop_attributes{--wd-attr-col:1;--wd-attr-v-gap:10px;}.elementor-797 .elementor-element.elementor-element-df51004 .woocommerce-product-attributes-item__label{font-weight:400;}.elementor-797 .elementor-element.elementor-element-df51004 .title-text{font-size:18px;}.elementor-797 .elementor-element.elementor-element-e4855a0 .shop_attributes{--wd-attr-col:1;--wd-attr-v-gap:10px;}.elementor-797 .elementor-element.elementor-element-e4855a0 .woocommerce-product-attributes-item__label{font-weight:400;}.elementor-797 .elementor-element.elementor-element-e4855a0 .title-text{font-size:18px;}.elementor-797 .elementor-element.elementor-element-087015d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-797 .elementor-element.elementor-element-f77250c > .elementor-widget-container{padding:0px 0px 40px 0px;border-radius:10px 10px 10px 10px;}.elementor-797 .elementor-element.elementor-element-13a3d15{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:40px;--margin-left:0px;--margin-right:0px;}.elementor-797 .elementor-element.elementor-element-834ff05 > .elementor-widget-container{padding:30px 20px 0px 02px;}.elementor-797 .elementor-element.elementor-element-834ff05 .wd-products-with-bg, .elementor-797 .elementor-element.elementor-element-834ff05 .wd-products-with-bg .wd-product{--wd-prod-bg:#FFFFFF;--wd-bordered-bg:#FFFFFF;}.elementor-797 .elementor-element.elementor-element-834ff05 .wd-el-title{color:var( --e-global-color-secondary );}@media(max-width:1024px){.elementor-797 .elementor-element.elementor-element-52d07a9{--gap:30px 30px;--row-gap:30px;--column-gap:30px;}}@media(max-width:768px){.elementor-797 .elementor-element.elementor-element-5139e9b .shop_attributes{--wd-attr-col:2;}.elementor-797 .elementor-element.elementor-element-834ff05 .wd-el-title{font-size:20px;}}@media(min-width:769px){.elementor-797 .elementor-element.elementor-element-9faa65d{--width:58%;}.elementor-797 .elementor-element.elementor-element-6caccea{--width:42%;}}/* Start custom CSS for wd_products, class: .elementor-element-834ff05 *//* ============================================================
   WOODMART & ELEMENTOR — CHARTE MOUNDO PELLETS (FORCÉ MOBILE & PC)
   ============================================================ */

/* ============================================================
   0. FORÇAGE GLOBAL DE LA POLICE (LORA) ET PROTECTION
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap');

:root {
  --site-font: 'Lora', Georgia, 'Times New Roman', serif !important;
}

/* Application de la police sur le contenu de la grille uniquement */
.product-grid-item .wd-entities-title,
.product-grid-item .product-title,
.product-grid-item .price,
.product-grid-item .wd-product-cats a,
.product-grid-item .product-categories a,
.product-grid-item .add_to_cart_button,
.product-grid-item .wd-add-btn a,
.product-grid-item .wd-swatch,
.product-grid-item .swatch-on-grid {
  font-family: var(--site-font) !important;
}

/* Protection des icônes (FontAwesome / Woodmart) */
.product-grid-item [class*="wd-icon-"],
.product-grid-item [class*="fa-"],
.product-grid-item .fa,
.product-grid-item .fas,
.product-grid-item .far,
.product-grid-item .fab,
.product-grid-item .woodmart-font-icon {
  font-family: inherit !important;
}

/* ==========================================
   1. LES CATÉGORIES (Marron / Caramel)
   ========================================== */
.product-grid-item .wd-product-cats,
.product-grid-item .product-categories {
    display: inline-flex !important;
    align-items: center !important;
    margin-bottom: 0.4rem !important;
    padding: 0 !important; 
}

.product-grid-item .wd-product-cats a,
.product-grid-item .product-categories a {
    display: inline-block !important;
    font-size: 8px !important; 
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    
    color: #A25F28 !important; 
    background-color: rgba(162, 95, 40, 0.08) !important; 
    padding: 0.25rem 0.5rem !important; 
    border-radius: 5px !important; 
    border: 1px solid rgba(162, 95, 40, 0.25) !important; 
    
    text-decoration: none !important;
    transition: all 0.25s ease !important;
}

.product-grid-item .wd-product-cats a:hover,
.product-grid-item .product-categories a:hover {
    background-color: rgba(162, 95, 40, 0.18) !important;
    border-color: #A25F28 !important;
    color: #744A31 !important;
}

/* ==========================================
   2. LES PRIX (Fond blanc chaud, texte Marron/Caramel)
   ========================================== */
.product-grid-item .price {
    display: inline-flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 0.4rem !important;
    font-size: 12px !important; 
    font-weight: 900 !important;
    
    background-color: #ffffff !important; 
    color: #744A31 !important; 
    
    padding: 0.3rem 0.6rem !important;
    border-radius: 50px !important; 
    border: 1px solid rgba(116, 74, 49, 0.15) !important;
    box-shadow: 0 4px 10px -2px rgba(116, 74, 49, 0.1) !important;
    margin: 0.3rem 0 1rem 0 !important;
    line-height: 1.2 !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}

.product-grid-item:hover .price {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 15px -2px rgba(116, 74, 49, 0.2) !important;
}

.product-grid-item .price del {
    color: #a0aab2 !important; 
    font-size: 0.70rem !important; 
    font-weight: 500 !important;
    text-decoration: line-through !important;
    order: 1 !important;
}

.product-grid-item .price ins {
    text-decoration: none !important;
    color: #A25F28 !important; 
    font-size: 1.05rem !important; 
    font-weight: 900 !important;
    order: 2 !important;
}

.product-grid-item .price .woocommerce-Price-currencySymbol {
    font-size: 0.85em !important;
    font-weight: 600 !important;
    opacity: 0.8 !important;
}

.product-grid-item .price .woocommerce-Price-amount + span,
.product-grid-item .price .woocommerce-Price-amount + small {
    font-size: 0.7rem !important; 
    font-weight: 600 !important;
    color: #415662 !important; 
    margin-left: 0.2rem !important;
}

/* ==========================================
   3. OMBRE ET EFFET DE SURVOL (Cartes)
   ========================================== */
.product-grid-item, 
.wd-product {
    border: 1px solid rgba(116, 74, 49, 0.08) !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    box-shadow: 0 20px 25px 5px rgba(116, 74, 49, 0.05) !important;
    transition: transform 0.35s cubic-bezier(0.2, 0.8, 0.2, 1), 
                box-shadow 0.35s ease !important;
}

.product-grid-item:hover, 
.wd-product:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 15px 30px -10px rgba(116, 74, 49, 0.15) !important;
}

/* ==========================================
   4. LE TITRE DU PRODUIT (Marron)
   ========================================== */
.product-grid-item .wd-entities-title,
.product-grid-item .product-title {
    font-size: 13px !important; 
    font-weight: 850 !important; 
    color: #744A31 !important; 
    line-height: 1.3 !important; 
    margin: 0 0 0.5rem 0 !important;
    padding: 0 !important;
    text-align: left !important;
    border: none !important;
    
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    transition: color 0.2s ease !important;
}

.product-grid-item .wd-entities-title a:hover,
.product-grid-item .product-title a:hover {
    color: #A25F28 !important; 
}

/* ==========================================
   5. LE BOUTON D'AJOUT AU PANIER (PLUS FIN)
   ========================================== */
.product-grid-item .add_to_cart_button,
.product-grid-item .wd-add-btn a {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important; 
    box-sizing: border-box !important;
    margin-top: 0.1rem !important; 
    
    /* ✅ PADDING RÉDUIT POUR UN BOUTON PLUS FIN */
    padding: 0.35rem 0.6rem !important; 
    
    background: linear-gradient(135deg, #A25F28, #744A31) !important;
    color: #ffffff !important; 
    
    font-size: 10px !important; 
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    line-height: 1.1 !important; 
    text-align: center !important;
    text-decoration: none !important;
    border: none !important;
    border-radius: 50px !important; 
    cursor: pointer !important;
    box-shadow: 0 4px 12px rgba(116, 74, 49, 0.2) !important;
    transition: all 0.5s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
    overflow: hidden !important; 
    z-index: 1 !important;
}

.product-grid-item .add_to_cart_button::after,
.product-grid-item .wd-add-btn a::after {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: -150% !important;
    width: 50% !important;
    height: 100% !important;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent) !important;
    transform: skewX(-25deg) !important;
    transition: left 0.6s ease !important;
    z-index: 1 !important;
    pointer-events: none !important;
}

.product-grid-item .add_to_cart_button:hover,
.product-grid-item .wd-add-btn a:hover {
    background: linear-gradient(135deg, #744A31, #4a2e1b) !important; 
    color: #ffffff !important; 
    transform: translateY(-2px) !important; 
    box-shadow: 0 6px 15px rgba(116, 74, 49, 0.35) !important; 
}

.product-grid-item .add_to_cart_button:hover::after,
.product-grid-item .wd-add-btn a:hover::after {
    left: 150% !important;
}

.product-grid-item .add_to_cart_button:active,
.product-grid-item .wd-add-btn a:active {
    transform: translateY(1px) scale(0.98) !important; 
    box-shadow: 0 2px 6px rgba(116, 74, 49, 0.2) !important;
}

/* ==========================================
   6. PARAMÈTRES DES IMAGES DE PRODUITS
   ========================================== */
.product-grid-item .product-image-link,
.product-grid-item .wd-product-img {
    width: 100% !important;
    max-width: 100% !important;
    aspect-ratio: 1 / 1 !important; 
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 1.5rem !important; 
    background-color: #fdfbfa !important; 
}

.product-grid-item .product-image-link img,
.product-grid-item .wd-product-img img {
    object-fit: contain !important; 
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    margin: 0 auto !important;
    display: block !important;
    mix-blend-mode: multiply !important;
    transition: transform 0.5s ease !important;
}

.product-grid-item:hover .product-image-link img,
.product-grid-item:hover .wd-product-img img {
    transform: scale(1.05) !important; 
}

/* ==========================================
   7. GESTION DU STOCK
   ========================================== */
.product-grid-item .wd-product-stock,
.product-grid-item .stock {
    display: inline-block !important;
    font-size: 0.65rem !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    color: #A25F28 !important; 
    padding: 0.1rem 0.5rem !important;
    border-radius: 4px !important;
}

.product-grid-item .wd-product-stock.out-of-stock,
.product-grid-item .stock.out-of-stock {
    color: #e63946 !important; 
    background-color: rgba(230, 57, 70, 0.1) !important;
    border-color: rgba(230, 57, 70, 0.2) !important;
}

/* ==========================================
   8. RESPONSIVE (MOBILE) — FORÇAGE DES PARAMÈTRES
   ========================================== */
@media (max-width: 768px) {
    
    .product-grid-item .wd-entities-title,
    .product-grid-item .product-title {
        font-size: 0.85rem !important; 
        line-height: 1.30 !important;
        color: #744A31 !important;
    }

    .product-grid-item .price {
        font-size: 14px !important;
        padding: 0.2rem 0.5rem !important;
        margin-bottom: 0.1rem !important;
        background-color: #ffffff !important;
        color: #744A31 !important;
        border: 1px solid rgba(116, 74, 49, 0.15) !important;
    }
    
    .product-grid-item .price ins {
        font-size: 0.95rem !important;
        color: #A25F28 !important;
    }
    
    /* ✅ BOUTON ENCORE PLUS FIN SUR MOBILE */
    .product-grid-item .add_to_cart_button,
    .product-grid-item .wd-add-btn a {
        padding: 0.2rem 0.4rem !important; 
        font-size: 9px !important; 
        line-height: 1.1 !important;
        margin-top: 0.05rem !important;
        background: linear-gradient(135deg, #A25F28, #744A31) !important;
        color: #ffffff !important;
        border-radius: 50px !important;
        box-shadow: 0 4px 10px rgba(116, 74, 49, 0.2) !important;
    }

    .product-grid-item .wd-product-cats a,
    .product-grid-item .product-categories a {
        font-size: 8px !important;
        padding: 0.1rem 0.2rem !important;
        color: #A25F28 !important;
        background-color: rgba(162, 95, 40, 0.08) !important;
        border: 1px solid rgba(162, 95, 40, 0.25) !important;
    }

    .product-grid-item .product-image-link,
    .product-grid-item .wd-product-img {
        padding: 1rem !important; 
        background-color: #fdfbfa !important;
    }
}

/* ============================================================
   WOODMART — STYLISATION DES PASTILLES DE VARIATIONS
   ============================================================ */
.product-grid-item .wd-swatches-grid,
.product-grid-item .swatches-on-grid {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 0.3rem !important;
    justify-content: flex-start !important;
    margin: 0.4rem 0 !important;
    padding: 0 !important;
}

.product-grid-item .wd-swatch,
.product-grid-item .swatch-on-grid {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 28px !important;
    height: 26px !important;
    padding: 0 0.5rem !important;
    
    background-color: #ffffff !important;
    color: #744A31 !important; 
    font-size: 10px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    
    border: 1px solid rgba(162, 95, 40, 0.4) !important;
    border-radius: 6px !important;
    box-shadow: 0 2px 4px rgba(116, 74, 49, 0.02) !important;
    cursor: pointer !important;
    transition: all 0.25s ease !important;
}

.product-grid-item .wd-swatch:hover,
.product-grid-item .swatch-on-grid:hover {
    border-color: #A25F28 !important;
    background-color: rgba(162, 95, 40, 0.08) !important;
    transform: translateY(-1px) !important;
}

.product-grid-item .wd-swatch.active-swatch,
.product-grid-item .swatch-on-grid.active,
.product-grid-item .wd-swatch.selected {
    background-color: #A25F28 !important; 
    color: #ffffff !important;
    border-color: #A25F28 !important;
    box-shadow: 0 3px 8px rgba(162, 95, 40, 0.25) !important;
}

.product-grid-item .wd-swatch.wd-text-swatch {
    font-size: 9px !important;
    letter-spacing: 0.03em !important;
}/* End custom CSS */