.elementor-43 .elementor-element.elementor-element-3e577ab3{--display:flex;--min-height:300px;--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:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:5%;--padding-bottom:5%;--padding-left:8%;--padding-right:8%;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-43 .elementor-element.elementor-element-18417426{text-align:center;}.elementor-43 .elementor-element.elementor-element-18417426 .elementor-heading-title{font-family:"Jost", Sans-serif;font-size:65px;font-weight:600;text-transform:none;font-style:normal;text-decoration:none;line-height:1.2em;letter-spacing:0px;word-spacing:0em;color:#000000;}.elementor-43 .elementor-element.elementor-element-3304fee{--e-filter-direction:row;--e-filter-white-space:nowrap;--e-filter-justify-content:center;--e-filter-item-width:initial;--e-filter-item-flex-grow:0;--e-filter-wrap:nowrap;--e-filter-overflow-x:scroll;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-43 .elementor-element.elementor-element-36c71f2{--grid-columns:4;}.elementor-43 .elementor-element.elementor-element-36c71f2 .elementor-loop-container{grid-auto-rows:1fr;}.elementor-43 .elementor-element.elementor-element-36c71f2 .e-loop-item > .elementor-section, .elementor-43 .elementor-element.elementor-element-36c71f2 .e-loop-item > .elementor-section > .elementor-container, .elementor-43 .elementor-element.elementor-element-36c71f2 .e-loop-item > .e-con, .elementor-43 .elementor-element.elementor-element-36c71f2 .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}body.elementor-page-43:not(.elementor-motion-effects-element-type-background), body.elementor-page-43 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}@media(max-width:1024px){.elementor-43 .elementor-element.elementor-element-3e577ab3{--padding-top:10%;--padding-bottom:10%;--padding-left:5%;--padding-right:5%;}.elementor-43 .elementor-element.elementor-element-18417426 .elementor-heading-title{font-size:45px;}.elementor-43 .elementor-element.elementor-element-36c71f2{--grid-columns:2;}}@media(min-width:768px){.elementor-43 .elementor-element.elementor-element-3e577ab3{--content-width:1650px;}}@media(max-width:767px){.elementor-43 .elementor-element.elementor-element-3e577ab3{--min-height:0px;--padding-top:15%;--padding-bottom:15%;--padding-left:5%;--padding-right:5%;}.elementor-43 .elementor-element.elementor-element-18417426 .elementor-heading-title{font-size:28px;line-height:1.1em;}.elementor-43 .elementor-element.elementor-element-36c71f2{--grid-columns:1;}}/* Start custom CSS for taxonomy-filter, class: .elementor-element-3304fee *//* 1. Conteneur global du filtre (Espace et alignement) */
.elementor-43 .elementor-element.elementor-element-3304fee .e-filter {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    justify-content: center; /* Centre les boutons. Remplace par 'flex-start' si tu les veux à gauche */
    margin-bottom: 35px;
}

/* 2. Look des boutons de catégories (Non cliqués) */
.elementor-43 .elementor-element.elementor-element-3304fee .e-filter-item {
    background-color: #1A1A1A !important;
    color: #B9B5C9 !important; /* Gris clair */
    border: 1px solid #333333 !important;
    border-radius: 4px !important;
    padding: 10px 22px !important;
    font-size: 14px;
    font-weight: 600 !important;
    text-transform: uppercase;
    transition: all 0.3s ease;
    cursor: pointer;
}

/* 3. Effet au survol de la souris */
.elementor-43 .elementor-element.elementor-element-3304fee .e-filter-item:hover {
    border-color: #FFC300 !important;
    color: #FFFFFF !important;
    transform: translateY(-2px);
}

/* 4. Le bouton de la catégorie ACTUELLE (Active) */
.elementor-43 .elementor-element.elementor-element-3304fee .e-filter-item.e-active {
    background-color: #FFC300 !important;
    border-color: #FFC300 !important;
    color: #000000 !important; /* Texte noir sur fond jaune */
    font-weight: bold !important;
    box-shadow: 0 0 15px rgba(255, 195, 0, 0.3);
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-36c71f2 *//* 1. Prépare la carte pour une transition en douceur */
.elementor-43 .elementor-element.elementor-element-36c71f2 .carte-cliquable {
    transition: background-color 0.3s ease, transform 0.3s ease !important;
}

/* 2. L'effet au survol : Le fond devient jaune et la carte se soulève légèrement */
.elementor-43 .elementor-element.elementor-element-36c71f2 .carte-cliquable:hover {
    background-color: #FFC300 !important;
    transform: translateY(-3px); /* Tu peux effacer cette ligne si tu ne veux pas le bond en l'air */
}
/* 3. Passe les textes en noir au survol pour qu'ils restent lisibles sur le fond jaune */
.elementor-43 .elementor-element.elementor-element-36c71f2 .carte-cliquable:hover .elementor-heading-title, 
.elementor-43 .elementor-element.elementor-element-36c71f2 .carte-cliquable:hover .elementor-heading-title a,
.elementor-43 .elementor-element.elementor-element-36c71f2 .carte-cliquable:hover .woocommerce-Price-amount {
    color: #000000 !important;
}
/* 4. Le fond du bouton passe en blanc quand la carte est survolée */
.elementor-43 .elementor-element.elementor-element-36c71f2 .carte-cliquable:hover .elementor-button {
    background-color: #FFFFFF !important;
    color: #000000 !important; /* On garde le texte du bouton en noir */
}/* End custom CSS */