.elementor-kit-8{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-31f5552:#F10415;--e-global-color-22a0804:#FFFFFF;--e-global-color-10a77d5:#000000;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-8 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1200px;}.e-con{--container-max-width:1200px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */}/* Forcer le header Elementor à prendre 100% de la largeur */
header.elementor-header, 
.elementor-location-header {
    width: 100% !important;
    max-width: 100% !important;
    left: 0 !important;
}

/* Si Chromanium utilise une div parente restrictive */
.site-header {
    width: 100% !important;
    max-width: none !important;
}

#site-footer, .footer-wrapper, .elementor-location-footer {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
}
/* Masquer le bloc de partage sur les fiches produits */
.product-shares-wrapper {
    display: none !important;
}

/* Forcer le header en pleine largeur */
#site-header, .header-wrapper, .elementor-location-header {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Correction globale des badges PROMO (Boutique + Fiche Produit) */
.onsale, 
.woocommerce span.onsale, 
.single-product span.onsale {
    /* Couleurs demandées */
    background-color: #e31e24 !important; /* Rouge DH Tuning */
    color: #ffffff !important;           /* Texte blanc */
    
    /* Centrage absolu du texte */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    
    /* Reset des styles du thème Chromium */
    padding: 0 !important;
    text-indent: 0 !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
    
    /* Dimensions pour éviter l'écrasement du texte */
    min-width: 80px !important;
    height: 30px !important;
    line-height: 1 !important;
    
    /* Optionnel : petit arrondi pour le style */
    border-radius: 0px !important;
}

/* Ajustement spécifique pour la petite flèche/triangle sous le badge si présente */
.onsale:before {
    border-top-color: #e31e24 !important;
}

/* Correction spécifique WooCommerce Mobile pour Chromium */
@media (max-width: 767px) {
    /* 1. On s'assure que le conteneur de la boutique reprend sa place */
    .site-content.store-content {
        display: block !important;
        float: none !important;
        width: 100% !important;
        clear: both !important;
        position: relative !important;
        margin-bottom: 0 !important;
    }

    /* 2. On empêche le footer de remonter par-dessus le contenu */
    .elementor-location-footer {
        display: block !important;
        position: relative !important;
        clear: both !important;
        margin-top: 20px !important;
    }

    /* 3. On désactive le conflit potentiel avec le wrapper de Chromium */
    #chrom-wrapper {
        display: flex !important;
        flex-direction: column !important;
        height: auto !important;
    }
}

/* CORRECTIF DHTUNING - FOOTER MOBILE */
@media screen and (max-width: 768px) {
    /* 1. On force le corps de la page à se comporter comme une pile verticale */
    body.single-product, 
    body.archive.woocommerce {
        display: flex !important;
        flex-direction: column !important;
        height: auto !important;
        min-height: 100vh !important;
    }

    /* 2. On force le contenu produit à prendre toute la largeur et repousser le reste */
    .site-content.store-content, 
    #main {
        width: 100% !important;
        flex: 1 0 auto !important;
        display: block !important;
        clear: both !important;
        float: none !important;
    }

    /* 3. On repositionne le footer Elementor tout en bas */
    header + .site-content + .elementor-location-footer,
    .elementor-location-footer {
        margin-top: auto !important;
        display: block !important;
        width: 100% !important;
        position: relative !important;
        bottom: 0 !important;
        clear: both !important;
    }
}/* End custom CSS */