.elementor-42114 .elementor-element.elementor-element-e370d1f{--display:flex;--padding-top:6em;--padding-bottom:0em;--padding-left:0em;--padding-right:0em;}#elementor-popup-modal-42114 .dialog-widget-content{background-color:var( --e-global-color-2fd91989 );box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}#elementor-popup-modal-42114{background-color:#E1E7FFBA;justify-content:flex-end;align-items:flex-start;pointer-events:all;}#elementor-popup-modal-42114 .dialog-message{width:386px;height:100dvh;align-items:flex-start;}#elementor-popup-modal-42114 .dialog-close-button{display:flex;top:10%;font-size:17px;}body:not(.rtl) #elementor-popup-modal-42114 .dialog-close-button{right:20.6em;}body.rtl #elementor-popup-modal-42114 .dialog-close-button{left:20.6em;}#elementor-popup-modal-42114 .dialog-close-button i{color:var( --e-global-color-secondary );}#elementor-popup-modal-42114 .dialog-close-button svg{fill:var( --e-global-color-secondary );}#elementor-popup-modal-42114 .dialog-close-button:hover i{color:var( --e-global-color-primary );}@media(max-width:1024px){#elementor-popup-modal-42114 .dialog-message{height:100dvh;}}@media(max-width:767px){#elementor-popup-modal-42114 .dialog-message{height:100dvh;}}/* Start custom CSS for sidebar, class: .elementor-element-598a75d *//* TPTF : widget Sidebar du popup filtre — VERSION 2
   Basée sur les widgets CLASSIQUES WooCommerce (pas les blocs récents) :
   - "Filtrer par catégorie de produit" → .product-categories
   - "Filtrer par attribut de produit" (affichage Liste) → .woocommerce-widget-layered-nav
   Ces classes sont stables et documentées depuis des années — contrairement
   aux blocs récents, pas besoin de vérifier via l'inspecteur.
   À coller dans l'onglet Avancé > CSS personnalisé du widget Sidebar. */

/* Titres de sections */
.elementor-42114 .elementor-element.elementor-element-598a75d .widget-title,
.elementor-42114 .elementor-element.elementor-element-598a75d h2,
.elementor-42114 .elementor-element.elementor-element-598a75d h3,
.elementor-42114 .elementor-element.elementor-element-598a75d h4 {
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 18px;
    color: #211747;
}

/* Séparation entre chaque bloc de widget (Catégories / Certification / Bienfaits) */
.elementor-42114 .elementor-element.elementor-element-598a75d .widget {
    margin-bottom: 32px;
    padding-bottom: 32px;
    border-bottom: 1px solid #e8e8e8;
}

.elementor-42114 .elementor-element.elementor-element-598a75d .widget:last-child {
    border-bottom: none;
}

/* --- Filtrer par catégorie de produit --- */
.elementor-42114 .elementor-element.elementor-element-598a75d ul.product-categories {
    list-style: none;
    padding: 0;
    margin: 0;
}

.elementor-42114 .elementor-element.elementor-element-598a75d ul.product-categories li {
    margin-bottom: 14px;
}

.elementor-42114 .elementor-element.elementor-element-598a75d ul.product-categories a {
    color: #211747;
    text-decoration: none;
    font-size: 17px;
    transition: color .2s ease;
}

.elementor-42114 .elementor-element.elementor-element-598a75d ul.product-categories a:hover {
    color: #838DC8;
}

.elementor-42114 .elementor-element.elementor-element-598a75d ul.product-categories .count {
    color: #838DC8;
    font-size: 15px;
    margin-left: 4px;
}

/* Catégorie actuellement affichée (celle de l'URL en cours) */
.elementor-42114 .elementor-element.elementor-element-598a75d ul.product-categories li.current-cat > a {
    color: #838DC8;
    font-weight: 600;
}

/* --- Filtrer par attribut de produit (Certification, Bienfaits), affichage Liste --- */
.elementor-42114 .elementor-element.elementor-element-598a75d .woocommerce-widget-layered-nav-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.elementor-42114 .elementor-element.elementor-element-598a75d .woocommerce-widget-layered-nav-list__item {
    margin-bottom: 14px;
    position: relative;
    padding-left: 28px;
}

/* Fausse case à cocher (non active) — purement visuelle, pas d'input réel */
.elementor-42114 .elementor-element.elementor-element-598a75d .woocommerce-widget-layered-nav-list__item::before {
    content: "";
    position: absolute;
    left: 0;
    top: 2px;
    width: 18px;
    height: 18px;
    border: 1px solid #d8d8d8;
    border-radius: 3px;
    background: #fff;
}

/* Terme actif (filtre appliqué dans l'URL courante) : coche remplie.
   VÉRIFIE via l'inspecteur : WooCommerce ajoute normalement la classe
   "chosen" sur le <li> du terme actif — confirme le nom exact affiché
   dans le HTML avant de considérer ce bloc comme final. */
.elementor-42114 .elementor-element.elementor-element-598a75d .woocommerce-widget-layered-nav-list__item.chosen::before {
    background-color: #838DC8;
    border-color: #838DC8;
}

.elementor-42114 .elementor-element.elementor-element-598a75d .woocommerce-widget-layered-nav-list__item.chosen::after {
    content: "✓";
    position: absolute;
    left: 3px;
    top: 0px;
    color: #ffffff;
    font-size: 13px;
    font-weight: bold;
}

.elementor-42114 .elementor-element.elementor-element-598a75d .woocommerce-widget-layered-nav-list__item a {
    color: #211747;
    text-decoration: none;
    font-size: 17px;
    transition: color .2s ease;
}

.elementor-42114 .elementor-element.elementor-element-598a75d .woocommerce-widget-layered-nav-list__item a:hover {
    color: #838DC8;
}

.elementor-42114 .elementor-element.elementor-element-598a75d .woocommerce-widget-layered-nav-list__item .count {
    color: #838DC8;
    font-size: 15px;
    margin-left: 4px;
}

/* Le filtre "Produits" (shortcode [tptf_filtre_produits]) réutilise les
   mêmes classes que le bloc natif Catégories — MAIS le CSS de positionnement
   propre à WooCommerce (qui cache la case native et superpose le SVG) ne se
   charge pas automatiquement pour un shortcode, contrairement à un vrai
   bloc. On le recrée ici manuellement ; ça s'applique aussi à Catégories
   puisque les classes sont identiques, donc les deux restent cohérents. */

/* Espacement entre chaque case à cocher — s'applique aux trois groupes
   (Catégories, Disponibilités, Produits) puisqu'ils partagent ces classes.
   Ajuste la valeur si tu veux plus ou moins d'air entre les lignes. */
.elementor-42114 .elementor-element.elementor-element-598a75d .wc-block-product-filter-checkbox-list__item {
    margin-bottom: 18px;
}

.elementor-42114 .elementor-element.elementor-element-598a75d .wc-block-product-filter-checkbox-list__item:last-child {
    margin-bottom: 0;
}

.elementor-42114 .elementor-element.elementor-element-598a75d .wc-block-product-filter-checkbox-list__label {
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    font-size: 17px;
    color: #211747;
}

.elementor-42114 .elementor-element.elementor-element-598a75d .wc-block-product-filter-checkbox-list__input-wrapper {
    position: relative;
    display: inline-flex;
    width: 18px;
    height: 18px;
    flex-shrink: 0;
}

/* Cache visuellement la case native tout en la gardant fonctionnelle */
.elementor-42114 .elementor-element.elementor-element-598a75d .wc-block-product-filter-checkbox-list__input {
    appearance: none;
    -webkit-appearance: none;
    width: 18px;
    height: 18px;
    margin: 0;
    border: 1px solid #d8d8d8;
    border-radius: 3px;
    cursor: pointer;
}

.elementor-42114 .elementor-element.elementor-element-598a75d .wc-block-product-filter-checkbox-list__input:checked {
    background-color: #838DC8;
    border-color: #838DC8;
}

/* Le SVG est superposé au centre, caché tant que la case n'est pas cochée */
.elementor-42114 .elementor-element.elementor-element-598a75d .wc-block-product-filter-checkbox-list__mark {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px;
    height: 8px;
    color: #ffffff;
    opacity: 0;
    pointer-events: none;
}

.elementor-42114 .elementor-element.elementor-element-598a75d .wc-block-product-filter-checkbox-list__input:checked + .wc-block-product-filter-checkbox-list__mark {
    opacity: 1;
}

.elementor-42114 .elementor-element.elementor-element-598a75d .wc-block-product-filter-checkbox-list__text {
    color: #211747;
}

/* --- Filtres actifs (widget natif "Filtres de produits actifs", optionnel) --- */
.elementor-42114 .elementor-element.elementor-element-598a75d .woocommerce-widget-layered-nav-filters ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.elementor-42114 .elementor-element.elementor-element-598a75d .woocommerce-widget-layered-nav-filters li {
    border: 1px solid #e0e0e0;
    border-radius: 3px;
    background: #fff;
}

.elementor-42114 .elementor-element.elementor-element-598a75d .woocommerce-widget-layered-nav-filters a {
    display: block;
    padding: 8px 14px;
    font-size: 14px;
    color: #211747;
    text-decoration: none;
}

/* --- Bouton Effacer tout (ajouté via le module HTML, voir tptf-filtre-popup-v2-bouton.html) --- */
.elementor-42114 .elementor-element.elementor-element-598a75d .tptf-effacer-filtres {
    display: inline-block;
    background: transparent;
    color: #211747;
    border: none;
    text-decoration: underline;
    padding: 0;
    font-size: 15px;
    text-transform: uppercase;
    letter-spacing: 1px;
    cursor: pointer;
    margin-bottom: 24px;
}/* End custom CSS */