.elementor-987834 .elementor-element.elementor-element-4696633b{--display:flex;}/* Start custom CSS for shortcode, class: .elementor-element-6f779cc9 *//* --- FILTER CONTAINER --- */
#main-filter-products .yith-wcan-filters,
#main-filter-products .filters-container,
#main-filter-products .yith-wcan-filter {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
}

/* --- GLOBAL TEXT --- */
#main-filter-products {
    font-family: inherit;
    font-size: 16px;
    color: #EAEAEA; /* texte clair sur fond sombre */
}

/* --- FILTER TITLES --- */
#main-filter-products .filter-title {
    font-weight: 600;
    font-size: 16px;
    color: #DE9F17; /* or luxueux pour les titres */
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* --- FILTER ITEMS --- */
#main-filter-products .filter-item {
    background: transparent;
    border: none;
    margin-bottom: 6px;
}

/* --- LABELS --- */
#main-filter-products .term-label {
    font-family: inherit;
    font-size: 14px;
    color: #CFCFCF; /* gris clair */
    transition: color 0.3s ease;
}

#main-filter-products .term-label:hover {
    color: #DE9F17; /* survol en or */
}

/* --- SELECT DROPDOWN --- */
#main-filter-products select {
    background-color: #1E1E1E; /* fond sombre élégant */
    border: 1px solid #DE9F17; /* bordure dorée */
    color: #EAEAEA; /* texte clair */
    font-family: inherit;
    padding: 8px 12px;
    border-radius: 8px;
    box-shadow: 0 0 5px rgba(222, 159, 23, 0.15);
    appearance: none;
    transition: all 0.3s ease;
}

/* --- FOCUS STATE --- */
#main-filter-products select:focus {
    outline: none;
    border-color: #F0C74A; /* or plus clair en focus */
    box-shadow: 0 0 0 2px rgba(222, 159, 23, 0.4);
    background-color: #252525;
}

/* --- PLACEHOLDER TEXT (si applicable) --- */
#main-filter-products select option {
    background-color: #121212; /* fond menu déroulant */
    color: #EAEAEA;
}

/* --- REMOVE DEFAULT ARROW (IE / Edge) --- */
#main-filter-products select::-ms-expand {
    display: none;
}

/* --- CUSTOM ARROW --- */
#main-filter-products select {
    background-image: linear-gradient(45deg, transparent 50%, #DE9F17 50%),
                      linear-gradient(135deg, #DE9F17 50%, transparent 50%);
    background-position: calc(100% - 15px) center, calc(100% - 10px) center;
    background-size: 5px 5px, 5px 5px;
    background-repeat: no-repeat;
    padding-right: 30px;
}

/* --- HOVER EFFECT FOR SELECT --- */
#main-filter-products select:hover {
    border-color: #F0C74A;
    box-shadow: 0 0 6px rgba(222, 159, 23, 0.25);
}
#main-filter-products select:focus {
    outline: none !important;
    box-shadow: none !important;
    border-color: #DE9F17 !important; /* keep gold border if desired */
    background-color: #252525;
}
#main-filter-products,
#main-filter-products * {
    box-shadow: none !important;
}
/* Make only input elements have gold borders */
#main-filter-products input,
#main-filter-products select,
#main-filter-products textarea {
    border: 1px solid #DE9F17 !important;
    box-shadow: none !important;
    outline: none !important;
    background-color: #1E1E1E; /* optional: keep dark background */
    color: #EAEAEA; /* optional: text color for dark mode */
}

/* Keep border gold on hover and focus */
#main-filter-products input:hover,
#main-filter-products select:hover,
#main-filter-products textarea:hover,
#main-filter-products input:focus,
#main-filter-products select:focus,
#main-filter-products textarea:focus {
    border-color: #DE9F17 !important;
    box-shadow: none !important;
    outline: none !important;
}/* End custom CSS */