.elementor-3399 .elementor-element.elementor-element-32445b3{--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;--padding-top:1em;--padding-bottom:0em;--padding-left:4em;--padding-right:1em;}.elementor-3399 .elementor-element.elementor-element-32445b3:not(.elementor-motion-effects-element-type-background), .elementor-3399 .elementor-element.elementor-element-32445b3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://habitat-texture.com/wp-content/uploads/2026/10/fond-habitat-texture-2-scaled.jpg");background-position:center center;background-size:cover;}.elementor-3399 .elementor-element.elementor-element-03af660{--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;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:17px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3399 .elementor-element.elementor-element-03af660.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-3399 .elementor-element.elementor-element-3ea6a8a{width:var( --container-widget-width, 104.597% );max-width:104.597%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 44px) 0px;--container-widget-width:104.597%;--container-widget-flex-grow:0;text-align:start;}.elementor-3399 .elementor-element.elementor-element-3ea6a8a.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-3399 .elementor-element.elementor-element-3ea6a8a .elementor-heading-title{font-family:"Heebo", Sans-serif;}.elementor-3399 .elementor-element.elementor-element-406db18{--display:flex;}.elementor-3399 .elementor-element.elementor-element-406db18.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-3399 .elementor-element.elementor-element-ab76444{--display:flex;--justify-content:center;}.elementor-3399 .elementor-element.elementor-element-ab76444.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-3399 .elementor-element.elementor-element-1e15eba{--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;--padding-top:5em;--padding-bottom:0em;--padding-left:2em;--padding-right:5em;}.elementor-3399 .elementor-element.elementor-element-cf4df03{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3399 .elementor-element.elementor-element-3466d26{--display:flex;}.elementor-3399 .elementor-element.elementor-element-02b2592{--e-filter-direction:column;--e-filter-white-space:initial;background-color:#B7B7B714;padding:0px 0px 0px 0px;--e-filter-align-items:flex-start;--e-filter-item-width:initial;--e-filter-item-max-width:calc(100% - calc(var( --e-filter-item-padding )*3 ) );--e-filter-item-flex-grow:initial;--e-filter-item-box-sizing:initial;--e-filter-item-align-text:start;--e-filter-space-between:1px;--e-filter-hover-text-color:var( --e-global-color-secondary );--e-filter-active-text-color:var( --e-global-color-accent );--e-filter-item-border-radius:0px 0px 0px 0px;}.elementor-3399 .elementor-element.elementor-element-02b2592 .e-filter-item:not( [aria-pressed=true] ):not( :hover ){background-color:#D3C4C400;}.elementor-3399 .elementor-element.elementor-element-02b2592 .e-filter-item{font-family:"Heebo", Sans-serif;font-size:17px;padding:8px 8px 8px 8px;}.elementor-3399 .elementor-element.elementor-element-3e87ab3{--display:flex;}.elementor-3399 .elementor-element.elementor-element-36ebff9{--grid-columns:4;}.elementor-3399 .elementor-element.elementor-element-36ebff9 .elementor-loop-container{grid-auto-rows:1fr;}.elementor-3399 .elementor-element.elementor-element-36ebff9 .e-loop-item > .elementor-section, .elementor-3399 .elementor-element.elementor-element-36ebff9 .e-loop-item > .elementor-section > .elementor-container, .elementor-3399 .elementor-element.elementor-element-36ebff9 .e-loop-item > .e-con, .elementor-3399 .elementor-element.elementor-element-36ebff9 .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}@media(max-width:1024px){.elementor-3399 .elementor-element.elementor-element-36ebff9{--grid-columns:2;}}@media(max-width:767px){.elementor-3399 .elementor-element.elementor-element-32445b3{--padding-top:3em;--padding-bottom:0em;--padding-left:0em;--padding-right:0em;}.elementor-3399 .elementor-element.elementor-element-3ea6a8a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-3399 .elementor-element.elementor-element-406db18{--min-height:0px;}.elementor-3399 .elementor-element.elementor-element-1e15eba{--padding-top:1em;--padding-bottom:1em;--padding-left:1em;--padding-right:1em;}.elementor-3399 .elementor-element.elementor-element-36ebff9{--grid-columns:1;}}@media(min-width:768px){.elementor-3399 .elementor-element.elementor-element-03af660{--width:29.455%;}.elementor-3399 .elementor-element.elementor-element-406db18{--width:0.909%;}.elementor-3399 .elementor-element.elementor-element-ab76444{--width:68.182%;}.elementor-3399 .elementor-element.elementor-element-cf4df03{--width:25%;}}/* Start custom CSS for heading, class: .elementor-element-3ea6a8a *//* =========================================
   HABITAT TEXTURE — TITRE BOUTIQUE
   ========================================= */

/* Titre principal */

.habitat-titre-produits {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 10px;

    position: relative;

    width: fit-content;
    max-width: 100%;

    margin: 0 !important;
    padding: 0 0 22px !important;

    font-family: inherit;
    font-size: clamp(28px, 3vw, 44px);
    line-height: 1.2;
    letter-spacing: -0.8px;

    color: #4F7052;
}

/* "Tout" fin et italique */

.habitat-titre-fin {
    font-weight: 300;
    font-style: italic;
    color: #668E66;
}

/* "nos produits" en gras */

.habitat-titre-gras {
    font-weight: 700;
    font-style: normal;
    color: #4F7052;
}

/* Petit trait jaune décoratif */

.habitat-titre-produits::after {
    content: "";

    position: absolute;
    bottom: 0;
    left: 0;

    width: 48px;
    height: 3px;

    background-color: #FFB52B;
    border-radius: 10px;
}

/* Adaptation tablette */

@media (max-width: 1024px) {
    .habitat-titre-produits {
        font-size: 34px;
    }
}

/* Adaptation mobile */

@media (max-width: 767px) {
    .habitat-titre-produits {
        font-size: 28px;
        gap: 7px;
        letter-spacing: -0.4px;
        padding-bottom: 18px !important;
    }

    .habitat-titre-produits::after {
        width: 40px;
    }
}

/* HABITAT TEXTURE — TITRE CENTRÉ SUR MOBILE */

@media (max-width: 767px) {

    .habitat-titre-produits {
        justify-content: center !important;
        text-align: center !important;

        width: 100% !important;
        gap: 7px !important;
    }

    /* Centrer également le trait jaune */

    .habitat-titre-produits::after {
        left: 50% !important;
        transform: translateX(-50%) !important;
    }
}/* End custom CSS */
/* Start custom CSS for taxonomy-filter, class: .elementor-element-02b2592 *//* =========================================
   HABITAT TEXTURE
   CSS PERSONNALISÉ COMPLET
   VERSION PINCEAUX & ROULEAUX
   ========================================= */


/* =========================================
   1. NOTIFICATIONS WOOCOMMERCE
   ========================================= */

body.single-product .woocommerce-notices-wrapper,
body.single-product .woocommerce-message {
    display: none !important;
}


/* =========================================
   2. CONTENEUR DES FILTRES
   ========================================= */

.elementor-widget-taxonomy-filter .e-filter {

    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;

    align-items: stretch !important;
    justify-content: flex-start !important;

    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;

    gap: 4px !important;

    margin: 0 !important;
    padding: 14px !important;

    background: #FFFFFF !important;

    border: 1px solid #E6EAE5 !important;
    border-radius: 16px !important;
}


/* =========================================
   3. STYLE COMMUN DES FILTRES
   ========================================= */

.elementor-widget-taxonomy-filter
.e-filter .e-filter-item {

    position: relative !important;

    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;

    flex: 0 0 auto !important;
    order: 0 !important;

    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    min-height: 36px !important;
    height: auto !important;

    box-sizing: border-box !important;

    margin: 0 !important;
    padding: 6px 16px !important;

    background: transparent !important;
    border: 1px solid transparent !important;
    border-radius: 50px !important;

    color: #697278 !important;

    font-size: 15px !important;
    font-weight: 400 !important;
    line-height: 1.35 !important;

    text-align: left !important;

    white-space: normal !important;
    overflow-wrap: break-word !important;

    cursor: pointer !important;

    transition:
        background-color 0.2s ease,
        color 0.2s ease,
        border-color 0.2s ease !important;
}


/* =========================================
   4. BOUTON "TOUT"
   ========================================= */

.elementor-widget-taxonomy-filter
.e-filter .e-filter-item[data-filter="__all"] {

    order: -1 !important;

    font-size: 15px !important;
    font-weight: 600 !important;

    padding: 8px 18px !important;
    min-height: 42px !important;
}


/* =========================================
   5. NIVEAU 1
   CATÉGORIES PRINCIPALES
   ========================================= */

.elementor-widget-taxonomy-filter
.e-filter .e-filter-item:is(
    [data-filter="outils-accessoires"],
    [data-filter="produits-decoratifs"]
) {

    font-size: 16px !important;
    font-weight: 700 !important;

    color: #4F5B55 !important;

    padding: 9px 16px 9px 40px !important;
    min-height: 42px !important;

    margin-top: 7px !important;
}


/* Petit carré vert des catégories principales */

.elementor-widget-taxonomy-filter
.e-filter .e-filter-item:is(
    [data-filter="outils-accessoires"],
    [data-filter="produits-decoratifs"]
)::before {

    content: "" !important;

    position: absolute !important;
    left: 17px !important;

    width: 9px !important;
    height: 9px !important;

    background: #668E66 !important;
    border-radius: 3px !important;

    flex-shrink: 0 !important;
}


/* =========================================
   6. NIVEAU 2
   SOUS-CATÉGORIES
   ========================================= */

.elementor-widget-taxonomy-filter
.e-filter .e-filter-item:is(
    [data-filter="accessoires-decoratifs"],
    [data-filter="pinceaux-rouleaux"],
    [data-filter="platoirs-spatules"],
    [data-filter="chaux"],
    [data-filter="acryliques"]
) {

    font-size: 14px !important;
    font-weight: 400 !important;

    color: #697278 !important;

    padding: 6px 14px 6px 43px !important;
    min-height: 34px !important;
}


/* Flèches des sous-catégories */

.elementor-widget-taxonomy-filter
.e-filter .e-filter-item:is(
    [data-filter="accessoires-decoratifs"],
    [data-filter="pinceaux-rouleaux"],
    [data-filter="platoirs-spatules"],
    [data-filter="chaux"],
    [data-filter="acryliques"]
)::before {

    content: "" !important;

    position: absolute !important;
    left: 23px !important;

    width: 6px !important;
    height: 6px !important;

    border: none !important;
    border-right: 1.5px solid #8FA58F !important;
    border-bottom: 1.5px solid #8FA58F !important;

    border-radius: 0 !important;

    transform: rotate(-45deg) !important;
    background: transparent !important;
}


/* =========================================
   7. NIVEAU 3
   SOUS-SOUS-CATÉGORIES
   ========================================= */

.elementor-widget-taxonomy-filter
.e-filter .e-filter-item:is(
    [data-filter="couches-de-fond-chaux"],
    [data-filter="finitions-chaux"],
    [data-filter="protections-chaux"],
    [data-filter="couches-de-fond-acryliques"],
    [data-filter="finitions-acryliques"],
    [data-filter="protections-acryliques"]
) {

    font-size: 13px !important;
    font-weight: 400 !important;

    color: #77817C !important;

    padding: 5px 12px 5px 59px !important;

    min-height: 32px !important;
    line-height: 1.4 !important;
}


/* Petit point vert du niveau 3 */

.elementor-widget-taxonomy-filter
.e-filter .e-filter-item:is(
    [data-filter="couches-de-fond-chaux"],
    [data-filter="finitions-chaux"],
    [data-filter="protections-chaux"],
    [data-filter="couches-de-fond-acryliques"],
    [data-filter="finitions-acryliques"],
    [data-filter="protections-acryliques"]
)::before {

    content: "" !important;

    position: absolute !important;
    left: 43px !important;

    width: 5px !important;
    height: 5px !important;

    border: none !important;
    border-radius: 50% !important;

    background: #A2B5A2 !important;
    transform: none !important;
}


/* =========================================
   8. SURVOL
   ========================================= */

.elementor-widget-taxonomy-filter
.e-filter .e-filter-item:hover {

    background: #F0F4F1 !important;
    color: #527552 !important;
    border-color: transparent !important;
}


/* =========================================
   9. CATÉGORIE ACTIVE
   ========================================= */

.elementor-widget-taxonomy-filter
.e-filter .e-filter-item[aria-pressed="true"] {

    background: #668E66 !important;
    border-color: #668E66 !important;
    color: #FFFFFF !important;

    font-weight: 600 !important;
}


/* Texte blanc sur les catégories actives */

.elementor-widget-taxonomy-filter
.e-filter .e-filter-item[aria-pressed="true"]:is(
    [data-filter="outils-accessoires"],
    [data-filter="produits-decoratifs"],
    [data-filter="accessoires-decoratifs"],
    [data-filter="pinceaux-rouleaux"],
    [data-filter="platoirs-spatules"],
    [data-filter="chaux"],
    [data-filter="acryliques"],
    [data-filter="couches-de-fond-chaux"],
    [data-filter="finitions-chaux"],
    [data-filter="protections-chaux"],
    [data-filter="couches-de-fond-acryliques"],
    [data-filter="finitions-acryliques"],
    [data-filter="protections-acryliques"]
) {

    color: #FFFFFF !important;
}


/* Icônes blanches des catégories actives */

.elementor-widget-taxonomy-filter
.e-filter .e-filter-item[aria-pressed="true"]::before {

    background: #FFFFFF !important;
    border-color: #FFFFFF !important;
}


/* Flèches blanches des sous-catégories actives */

.elementor-widget-taxonomy-filter
.e-filter .e-filter-item[aria-pressed="true"]:is(
    [data-filter="accessoires-decoratifs"],
    [data-filter="pinceaux-rouleaux"],
    [data-filter="platoirs-spatules"],
    [data-filter="chaux"],
    [data-filter="acryliques"]
)::before {

    background: transparent !important;

    border: none !important;
    border-right: 1.5px solid #FFFFFF !important;
    border-bottom: 1.5px solid #FFFFFF !important;

    transform: rotate(-45deg) !important;
}


/* Survol d'une catégorie active */

.elementor-widget-taxonomy-filter
.e-filter .e-filter-item[aria-pressed="true"]:hover {

    background: #527552 !important;
    border-color: #527552 !important;
    color: #FFFFFF !important;
}


/* =========================================
   10. BOUTON "TOUT" VERT PAR DÉFAUT
   ========================================= */

/* Quand aucune sous-catégorie n'est active,
   le bouton Tout est surligné en vert */

.elementor-widget-taxonomy-filter
.e-filter:not(:has(
    .e-filter-item:not([data-filter="__all"])[aria-pressed="true"]
))
.e-filter-item[data-filter="__all"] {

    background: #668E66 !important;
    border-color: #668E66 !important;
    color: #FFFFFF !important;

    font-weight: 600 !important;
}


/* Survol de Tout lorsqu'il est actif */

.elementor-widget-taxonomy-filter
.e-filter:not(:has(
    .e-filter-item:not([data-filter="__all"])[aria-pressed="true"]
))
.e-filter-item[data-filter="__all"]:hover {

    background: #527552 !important;
    border-color: #527552 !important;
    color: #FFFFFF !important;
}


/* Tout redevient neutre lorsqu'une autre
   catégorie est sélectionnée */

.elementor-widget-taxonomy-filter
.e-filter:has(
    .e-filter-item:not([data-filter="__all"])[aria-pressed="true"]
)
.e-filter-item[data-filter="__all"] {

    background: transparent !important;
    border-color: transparent !important;
    color: #697278 !important;

    font-weight: 600 !important;
}


/* Survol de Tout lorsqu'il est inactif */

.elementor-widget-taxonomy-filter
.e-filter:has(
    .e-filter-item:not([data-filter="__all"])[aria-pressed="true"]
)
.e-filter-item[data-filter="__all"]:hover {

    background: #F0F4F1 !important;
    color: #527552 !important;
}


/* =========================================
   11. RESPONSIVE MOBILE
   ========================================= */

@media (max-width: 767px) {

    .elementor-widget-taxonomy-filter .e-filter {

        padding: 9px !important;
        gap: 3px !important;
    }

    .elementor-widget-taxonomy-filter
    .e-filter .e-filter-item {

        font-size: 14px !important;
        min-height: 34px !important;
    }

    /* Niveau 1 */

    .elementor-widget-taxonomy-filter
    .e-filter .e-filter-item:is(
        [data-filter="outils-accessoires"],
        [data-filter="produits-decoratifs"]
    ) {

        font-size: 15px !important;
        padding-left: 40px !important;
    }

    /* Niveau 2 */

    .elementor-widget-taxonomy-filter
    .e-filter .e-filter-item:is(
        [data-filter="accessoires-decoratifs"],
        [data-filter="pinceaux-rouleaux"],
        [data-filter="platoirs-spatules"],
        [data-filter="chaux"],
        [data-filter="acryliques"]
    ) {

        font-size: 13px !important;
        padding-left: 43px !important;
    }

    /* Niveau 3 */

    .elementor-widget-taxonomy-filter
    .e-filter .e-filter-item:is(
        [data-filter="couches-de-fond-chaux"],
        [data-filter="finitions-chaux"],
        [data-filter="protections-chaux"],
        [data-filter="couches-de-fond-acryliques"],
        [data-filter="finitions-acryliques"],
        [data-filter="protections-acryliques"]
    ) {

        font-size: 12px !important;
        padding-left: 59px !important;
    }
}


/* =========================================
   12. FILTRES ADAPTÉS À CHAQUE PAGE
   ========================================= */


/* PAGE PEINTURES */

.filtre-peintures .e-filter-item:not(
    [data-filter="__all"],
    [data-filter="produits-decoratifs"],
    [data-filter="chaux"],
    [data-filter="acryliques"],
    [data-filter="couches-de-fond-chaux"],
    [data-filter="finitions-chaux"],
    [data-filter="protections-chaux"],
    [data-filter="couches-de-fond-acryliques"],
    [data-filter="finitions-acryliques"],
    [data-filter="protections-acryliques"]
) {
    display: none !important;
}


/* PAGE OUTILS */

.filtre-outils .e-filter-item:not(
    [data-filter="__all"],
    [data-filter="outils-accessoires"],
    [data-filter="accessoires-decoratifs"],
    [data-filter="pinceaux-rouleaux"],
    [data-filter="platoirs-spatules"]
) {
    display: none !important;
}


/* PAGE PINCEAUX & ROULEAUX */

.filtre-pinceaux .e-filter-item:not(
    [data-filter="__all"],
    [data-filter="pinceaux-rouleaux"]
) {
    display: none !important;
}


/* =========================================
   13. PAGE PINCEAUX & ROULEAUX
   STYLE DU FILTRE
   ========================================= */

.filtre-pinceaux
.e-filter-item[data-filter="pinceaux-rouleaux"] {

    position: relative !important;

    min-height: 34px !important;
    padding: 7px 12px 7px 43px !important;

    font-size: 14px !important;
    line-height: 1.4 !important;

    border-radius: 12px !important;
}


/* Fond vert lorsque Pinceaux & rouleaux
   est réellement sélectionné */

.filtre-pinceaux
.e-filter-item[data-filter="pinceaux-rouleaux"][aria-pressed="true"] {

    background: #668E66 !important;
    border-color: #668E66 !important;
    color: #FFFFFF !important;

    font-weight: 600 !important;
}


/* Flèche blanche lorsque la catégorie est active */

.filtre-pinceaux
.e-filter-item[data-filter="pinceaux-rouleaux"][aria-pressed="true"]::before {

    content: "" !important;

    position: absolute !important;
    left: 23px !important;

    width: 6px !important;
    height: 6px !important;

    background: transparent !important;

    border: none !important;
    border-right: 1.5px solid #FFFFFF !important;
    border-bottom: 1.5px solid #FFFFFF !important;

    border-radius: 0 !important;

    transform: rotate(-45deg) !important;
}


/* =========================================
   FIN DU CSS HABITAT TEXTURE
   ========================================= */

/* =========================================
   HABITAT TEXTURE
   FILTRES MOBILE - TYPO +20 %
   ========================================= */

@media (max-width: 767px) {

    /* Bouton Tout et styles généraux : 14 → 17 px */

    .elementor-widget-taxonomy-filter
    .e-filter .e-filter-item {
        font-size: 17px !important;
    }

    /* Niveau 1 : 15 → 18 px */

    .elementor-widget-taxonomy-filter
    .e-filter .e-filter-item:is(
        [data-filter="outils-accessoires"],
        [data-filter="produits-decoratifs"]
    ) {
        font-size: 18px !important;
    }

    /* Niveau 2 : 13 → 16 px */

    .elementor-widget-taxonomy-filter
    .e-filter .e-filter-item:is(
        [data-filter="accessoires-decoratifs"],
        [data-filter="pinceaux-rouleaux"],
        [data-filter="platoirs-spatules"],
        [data-filter="chaux"],
        [data-filter="acryliques"]
    ) {
        font-size: 16px !important;
    }

    /* Niveau 3 : 12 → 14.5 px */

    .elementor-widget-taxonomy-filter
    .e-filter .e-filter-item:is(
        [data-filter="couches-de-fond-chaux"],
        [data-filter="finitions-chaux"],
        [data-filter="protections-chaux"],
        [data-filter="couches-de-fond-acryliques"],
        [data-filter="finitions-acryliques"],
        [data-filter="protections-acryliques"]
    ) {
        font-size: 14.5px !important;
    }

}/* End custom CSS */