.elementor-20772 .elementor-element.elementor-element-9e2dedb{--display:flex;}.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-20772 .elementor-element.elementor-element-7d9d43f .elementor-heading-title{font-family:"Segoe UI", Sans-serif;font-weight:600;color:var( --e-global-color-0f3666c );}.elementor-widget-jet-smart-filters-checkboxes .jet-filter-items-moreless__toggle{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-jet-smart-filters-checkboxes .apply-filters__button, .elementor-widget-jet-smart-filters-checkboxes .jet-filter-items-dropdown__apply-button{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-20772 .elementor-element.elementor-element-8335e6b{width:100%;max-width:100%;}.elementor-20772 .elementor-element.elementor-element-8335e6b > .elementor-widget-container{margin:24px 24px 24px 24px;padding:10px 10px 10px 10px;}.elementor-20772 .elementor-element.elementor-element-8335e6b .jet-checkboxes-list__row{display:block;margin-right:calc(40px/2);margin-left:calc(40px/2);padding-top:calc(50px/2);margin-bottom:calc(50px/2);}.elementor-20772 .elementor-element.elementor-element-8335e6b .jet-list-tree__children{display:block;margin-right:calc(40px/2);margin-left:calc(40px/2);padding-left:50px;}.elementor-20772 .elementor-element.elementor-element-8335e6b .jet-checkboxes-list-wrapper{margin-left:calc(-40px/2);margin-right:calc(-40px/2);text-align:left;margin-top:calc(-50px/2);margin-bottom:calc(-50px/2);}.elementor-20772 .elementor-element.elementor-element-8335e6b .jet-checkboxes-list__button{padding:11px 11px 11px 11px;}.elementor-20772 .elementor-element.elementor-element-8335e6b .jet-checkboxes-list__decorator{width:16px;height:16px;min-width:16px;min-height:16px;margin-right:5px;}.rtl .elementor-20772 .elementor-element.elementor-element-8335e6b .jet-checkboxes-list__decorator{margin-left:5px;}.elementor-20772 .elementor-element.elementor-element-8335e6b .jet-checkboxes-list__checked-icon{font-size:12px;}.elementor-20772 .elementor-element.elementor-element-8335e6b .jet-collapse-icon{width:20px;height:20px;}.elementor-20772 .elementor-element.elementor-element-8335e6b .jet-collapse-none{width:20px;height:20px;}.elementor-20772 .elementor-element.elementor-element-8335e6b .jet-filter+.jet-filter{margin-top:10px;}.elementor-20772 .elementor-element.elementor-element-8335e6b .jet-select[data-hierarchical="1"] + .jet-select[data-hierarchical="1"]{margin-top:10px;}.elementor-20772 .elementor-element.elementor-element-d0ab042 > .elementor-widget-container > .jet-listing-grid > .jet-listing-grid__items, .elementor-20772 .elementor-element.elementor-element-d0ab042 > .jet-listing-grid > .jet-listing-grid__items{--columns:3;}@media(max-width:1024px){.elementor-20772 .elementor-element.elementor-element-d0ab042 > .elementor-widget-container > .jet-listing-grid > .jet-listing-grid__items, .elementor-20772 .elementor-element.elementor-element-d0ab042 > .jet-listing-grid > .jet-listing-grid__items{--columns:2;}}@media(max-width:767px){.elementor-20772 .elementor-element.elementor-element-d0ab042 > .elementor-widget-container > .jet-listing-grid > .jet-listing-grid__items, .elementor-20772 .elementor-element.elementor-element-d0ab042 > .jet-listing-grid > .jet-listing-grid__items{--columns:1;}}/* Start custom CSS *//* =========================================================
   1. RÉPARTITION HORIZONTALE ET ESPACEMENT (Méthode Infaillible)
========================================================= */
.jet-smart-filters-checkboxes .jet-checkboxes-list {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    justify-content: flex-start !important; 
    align-items: center !important;
    width: 100% !important;
}

/* C'est ici que la magie opère pour l'espacement */
.jet-filter-row {
    display: inline-flex !important;
    margin-right: 0px !important; /* Espace à droite de chaque bouton */
    margin-bottom: 10px !important; /* Espace en bas de chaque bouton */
    padding: 0 !important;
    width: auto !important; 
    flex: 0 0 auto !important;
}

/* Masquer les cases natives */
.jet-checkboxes-list__decorator, 
.jet-checkboxes-list__input {
    display: none !important;
}

/* =========================================================
   2. DESIGN "2026" : ÉTAT PAR DÉFAUT (Ultra-clean)
========================================================= */
.jet-checkboxes-list__button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #ffffff !important;
    border: 1px solid rgba(0,0,0,0.06) !important; /* Bordure hyper discrète */
    padding: 12px 24px !important;
    border-radius: 100px !important; /* Forme pilule parfaite */
    font-family: inherit;
    font-size: 0.85rem !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #64748B !important; /* Gris ardoise élégant */
    
    /* Ombre douce type "Apple/Stripe" */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.03) !important;
    
    /* Animation fluide et élastique */
    transition: all 0.3s cubic-bezier(0.25, 1, 0.5, 1) !important;
    user-select: none !important;
}

/* =========================================================
   3. DESIGN "2026" : SURVOL (Outline) & ACTIF (Fill)
========================================================= */

/* --- 🔴 204 : Aide / Écoute / Santé --- */
input[value="204"] ~ .jet-checkboxes-list__button:hover {
    border-color: #EF4444 !important; color: #EF4444 !important;
    transform: translateY(-2px) !important; box-shadow: 0 6px 15px rgba(239, 68, 68, 0.15) !important;
}
input[value="204"]:checked ~ .jet-checkboxes-list__button {
    background: #EF4444 !important; border-color: #EF4444 !important; color: #ffffff !important;
    transform: scale(1.04) !important; /* Le bouton grossit très légèrement */
    box-shadow: 0 8px 20px rgba(239, 68, 68, 0.35) !important;
}

/* --- 🔵 205 : Job / Stage / Argent --- */
input[value="205"] ~ .jet-checkboxes-list__button:hover {
    border-color: #00ADB5 !important; color: #00ADB5 !important;
    transform: translateY(-2px) !important; box-shadow: 0 6px 15px rgba(0, 173, 181, 0.15) !important;
}
input[value="205"]:checked ~ .jet-checkboxes-list__button {
    background: #00ADB5 !important; border-color: #00ADB5 !important; color: #ffffff !important;
    transform: scale(1.04) !important; box-shadow: 0 8px 20px rgba(0, 173, 181, 0.35) !important;
}

/* --- 🟢 215 : Logement / Autonomie --- */
input[value="215"] ~ .jet-checkboxes-list__button:hover {
    border-color: #10B981 !important; color: #10B981 !important;
    transform: translateY(-2px) !important; box-shadow: 0 6px 15px rgba(16, 185, 129, 0.15) !important;
}
input[value="215"]:checked ~ .jet-checkboxes-list__button {
    background: #10B981 !important; border-color: #10B981 !important; color: #ffffff !important;
    transform: scale(1.04) !important; box-shadow: 0 8px 20px rgba(16, 185, 129, 0.35) !important;
}

/* --- 🚌 213 : Mobilités / Transports --- */
input[value="213"] ~ .jet-checkboxes-list__button:hover {
    border-color: #3B82F6 !important; color: #3B82F6 !important;
    transform: translateY(-2px) !important; box-shadow: 0 6px 15px rgba(59, 130, 246, 0.15) !important;
}
input[value="213"]:checked ~ .jet-checkboxes-list__button {
    background: #3B82F6 !important; border-color: #3B82F6 !important; color: #ffffff !important;
    transform: scale(1.04) !important; box-shadow: 0 8px 20px rgba(59, 130, 246, 0.35) !important;
}

/* --- 🟣 206 : Orientation / Études (⚠️ Vérifiez si l'ID est bien 206 !) --- */
input[value="211"] ~ .jet-checkboxes-list__button:hover {
    border-color: #8B5CF6 !important; color: #8B5CF6 !important;
    transform: translateY(-2px) !important; box-shadow: 0 6px 15px rgba(139, 92, 246, 0.15) !important;
}
input[value="211"]:checked ~ .jet-checkboxes-list__button {
    background: #8B5CF6 !important; border-color: #8B5CF6 !important; color: #ffffff !important;
    transform: scale(1.04) !important; box-shadow: 0 8px 20px rgba(139, 92, 246, 0.35) !important;
}

/* --- 🥂 212 : Sorties / Rencontres / Loisirs --- */
input[value="212"] ~ .jet-checkboxes-list__button:hover {
    border-color: #EC4899 !important; color: #EC4899 !important;
    transform: translateY(-2px) !important; box-shadow: 0 6px 15px rgba(236, 72, 153, 0.15) !important;
}
input[value="212"]:checked ~ .jet-checkboxes-list__button {
    background: #EC4899 !important; border-color: #EC4899 !important; color: #ffffff !important;
    transform: scale(1.04) !important; box-shadow: 0 8px 20px rgba(236, 72, 153, 0.35) !important;
}

/* --- 🎨 214 : Sport / Activités / Créativité --- */
input[value="214"] ~ .jet-checkboxes-list__button:hover {
    border-color: #F97316 !important; color: #F97316 !important;
    transform: translateY(-2px) !important; box-shadow: 0 6px 15px rgba(249, 115, 22, 0.15) !important;
}
input[value="214"]:checked ~ .jet-checkboxes-list__button {
    background: #F97316 !important; border-color: #F97316 !important; color: #ffffff !important;
    transform: scale(1.04) !important; box-shadow: 0 8px 20px rgba(249, 115, 22, 0.35) !important;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Segoe UI';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://bernaylaville.fr/wp-content/uploads/2025/01/segoeuithis.ttf') format('truetype');
}
@font-face {
	font-family: 'Segoe UI';
	font-style: normal;
	font-weight: bold;
	font-display: auto;
	src: url('https://bernaylaville.fr/wp-content/uploads/2025/01/segoeuithibd.ttf') format('truetype');
}
/* End Custom Fonts CSS */