.elementor-1069 .elementor-element.elementor-element-fc71548{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:-35px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-1069 .elementor-element.elementor-element-fc71548.e-con{--align-self:center;}.elementor-1069 .elementor-element.elementor-element-29acac0{--display:flex;}.elementor-1069 .elementor-element.elementor-element-26dd900{width:100%;max-width:100%;}.elementor-1069 .elementor-element.elementor-element-26dd900.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1069 .elementor-element.elementor-element-3517bff{--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:-45px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;}.elementor-1069 .elementor-element.elementor-element-c13374a{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1069 .elementor-element.elementor-element-a16bd6f{--display:flex;--margin-top:-25px;--margin-bottom:0px;--margin-left:10px;--margin-right:0px;--padding-top:20px;--padding-bottom:30px;--padding-left:20px;--padding-right:20px;}.elementor-1069 .elementor-element.elementor-element-85ff267 > .elementor-widget-container{margin:0px 30px 0px 30px;}.elementor-1069 .elementor-element.elementor-element-85ff267 .wd-products-with-bg, .elementor-1069 .elementor-element.elementor-element-85ff267 .wd-products-with-bg .wd-product{--wd-prod-bg:#FFFFFF;--wd-bordered-bg:#FFFFFF;}.elementor-1069 .elementor-element.elementor-element-a138994{--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:10px;--margin-left:0px;--margin-right:0px;}.elementor-1069 .elementor-element.elementor-element-acbbc1a > .elementor-widget-container{background-color:#FFFFFF;padding:20px 0px 20px 0px;border-radius:10px 10px 10px 10px;}.elementor-1069 .elementor-element.elementor-element-acbbc1a .wd-marquee{--wd-marquee-speed:50s;font-weight:600;color:#333333;--wd-marquee-gap:88px;}.elementor-1069 .elementor-element.elementor-element-5e9cee2{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:0px;--padding-right:0px;}.elementor-1069 .elementor-element.elementor-element-f853e6e{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-1069 .elementor-element.elementor-element-3e7f8af{--display:flex;}.elementor-1069 .elementor-element.elementor-element-3e7f8af.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1069 .elementor-element.elementor-element-a57415f{--display:flex;}.elementor-1069 .elementor-element.elementor-element-ec67a6a .wd-products-with-bg, .elementor-1069 .elementor-element.elementor-element-ec67a6a .wd-products-with-bg .wd-product{--wd-prod-bg:#FFFFFF;--wd-bordered-bg:#FFFFFF;}.elementor-1069 .elementor-element.elementor-element-dc87a37{--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:20px;--margin-bottom:10px;--margin-left:0px;--margin-right:0px;}.elementor-1069 .elementor-element.elementor-element-3f9bfe2{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1069 .elementor-element.elementor-element-fbb2247{--display:flex;--margin-top:-25px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:30px;--padding-left:20px;--padding-right:20px;}.elementor-1069 .elementor-element.elementor-element-1504401 > .elementor-widget-container{margin:0px 30px 0px 30px;}.elementor-1069 .elementor-element.elementor-element-1504401 .wd-products-with-bg, .elementor-1069 .elementor-element.elementor-element-1504401 .wd-products-with-bg .wd-product{--wd-prod-bg:#FFFFFF;--wd-bordered-bg:#FFFFFF;}.elementor-1069 .elementor-element.elementor-element-f0f7935{margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-1069 .elementor-element.elementor-element-0b8aa7e{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-1069 .elementor-element.elementor-element-0b8aa7e.e-con{--align-self:center;}.elementor-1069 .elementor-element.elementor-element-72e8d6e{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1069 .elementor-element.elementor-element-72e8d6e.e-con{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-1069 .elementor-element.elementor-element-4141b1f > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1069 .elementor-element.elementor-element-4141b1f .wd-products-with-bg, .elementor-1069 .elementor-element.elementor-element-4141b1f .wd-products-with-bg .wd-product{--wd-prod-bg:#FFFFFF;--wd-bordered-bg:#FFFFFF;}.elementor-1069 .elementor-element.elementor-element-c94d800{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;}.elementor-1069 .elementor-element.elementor-element-01b7315{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1069 .elementor-element.elementor-element-01b7315.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1069 .elementor-element.elementor-element-641dc6b{width:initial;max-width:initial;margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-1069 .elementor-element.elementor-element-641dc6b.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1069 .elementor-element.elementor-element-46b2fb9{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1069 .elementor-element.elementor-element-9e65026{width:initial;max-width:initial;margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-1069 .elementor-element.elementor-element-9e65026.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1069 .elementor-element.elementor-element-91a595e{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:15px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-1069 .elementor-element.elementor-element-91a595e.e-con{--align-self:center;}.elementor-1069 .elementor-element.elementor-element-f55a540{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1069 .elementor-element.elementor-element-f55a540.e-con{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-1069 .elementor-element.elementor-element-7a7a08b > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1069 .elementor-element.elementor-element-7a7a08b .wd-products-with-bg, .elementor-1069 .elementor-element.elementor-element-7a7a08b .wd-products-with-bg .wd-product{--wd-prod-bg:#FFFFFF;--wd-bordered-bg:#FFFFFF;}.elementor-1069 .elementor-element.elementor-element-3da56a9{--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;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:30px;--padding-left:20px;--padding-right:20px;}.elementor-1069 .elementor-element.elementor-element-3da56a9.e-con{--align-self:center;}.elementor-1069 .elementor-element.elementor-element-2630724{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -20px) 0px;padding:0px 0px 0px 0px;}.elementor-1069 .elementor-element.elementor-element-8fad7d0{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-1069 .elementor-element.elementor-element-80ba426 > .elementor-widget-container{padding:0px 30px 0px 20px;}.elementor-1069 .elementor-element.elementor-element-80ba426 .wd-products-with-bg, .elementor-1069 .elementor-element.elementor-element-80ba426 .wd-products-with-bg .wd-product{--wd-prod-bg:#FFFFFF;--wd-bordered-bg:#FFFFFF;}.elementor-1069 .elementor-element.elementor-element-d203f47{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -20px) 0px;padding:0px 0px 0px 0px;}.elementor-1069 .elementor-element.elementor-element-64175cd{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -20px) 0px;padding:0px 0px 0px 0px;}.elementor-1069 .elementor-element.elementor-element-89f0804{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -20px) 0px;padding:0px 0px 0px 0px;}@media(min-width:769px){.elementor-1069 .elementor-element.elementor-element-3e7f8af{--width:26.135%;}.elementor-1069 .elementor-element.elementor-element-72e8d6e{--width:100.092%;}.elementor-1069 .elementor-element.elementor-element-01b7315{--width:50%;}.elementor-1069 .elementor-element.elementor-element-f55a540{--width:100.092%;}}@media(max-width:1024px){.elementor-1069 .elementor-element.elementor-element-a138994{--margin-top:0px;--margin-bottom:60px;--margin-left:0px;--margin-right:0px;}.elementor-1069 .elementor-element.elementor-element-3da56a9{--margin-top:0px;--margin-bottom:60px;--margin-left:0px;--margin-right:0px;}}@media(max-width:768px){.elementor-1069 .elementor-element.elementor-element-fc71548{--padding-top:0px;--padding-bottom:0px;--padding-left:5px;--padding-right:5px;}.elementor-1069 .elementor-element.elementor-element-26dd900{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-1069 .elementor-element.elementor-element-3517bff{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1069 .elementor-element.elementor-element-c13374a{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1069 .elementor-element.elementor-element-8a2c322{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-1069 .elementor-element.elementor-element-a16bd6f{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:5px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1069 .elementor-element.elementor-element-85ff267 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-1069 .elementor-element.elementor-element-a138994{--margin-top:0px;--margin-bottom:40px;--margin-left:0px;--margin-right:0px;}.elementor-1069 .elementor-element.elementor-element-a57415f{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1069 .elementor-element.elementor-element-dc87a37{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1069 .elementor-element.elementor-element-3f9bfe2{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1069 .elementor-element.elementor-element-fbb2247{--padding-top:10px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1069 .elementor-element.elementor-element-f572f68{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-1069 .elementor-element.elementor-element-1504401 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-1069 .elementor-element.elementor-element-1e36089{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-1069 .elementor-element.elementor-element-f0f7935{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-1069 .elementor-element.elementor-element-0b8aa7e{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:12px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1069 .elementor-element.elementor-element-72e8d6e{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1069 .elementor-element.elementor-element-641dc6b{width:initial;max-width:initial;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-1069 .elementor-element.elementor-element-46b2fb9{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1069 .elementor-element.elementor-element-9e65026{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-1069 .elementor-element.elementor-element-91a595e{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:15px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1069 .elementor-element.elementor-element-f55a540{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1069 .elementor-element.elementor-element-3da56a9{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:12px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1069 .elementor-element.elementor-element-2630724{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-1069 .elementor-element.elementor-element-80ba426 > .elementor-widget-container{margin:12px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1069 .elementor-element.elementor-element-d203f47{margin:16px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-1069 .elementor-element.elementor-element-64175cd{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-1069 .elementor-element.elementor-element-89f0804{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}}/* Start custom CSS for wd_products, class: .elementor-element-1504401 *//* ============================================================
   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 */
/* Start custom CSS for wd_products, class: .elementor-element-4141b1f *//* ============================================================
   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 */
/* Start custom CSS for wd_products, class: .elementor-element-7a7a08b *//* ============================================================
   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 */
/* Start custom CSS for wd_products, class: .elementor-element-80ba426 *//* ============================================================
   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 */