.elementor-1202 .elementor-element.elementor-element-96479e9{--display:flex;}/* Start custom CSS for yith_wcan_filters, class: .elementor-element-ece4aa9 *//* =======================================================
   ESTILOS TEMA OSCURO - YITH AJAX PRODUCT FILTER
   ======================================================= */

/* 1. Contenedor principal de los filtros */
.yith-wcan-filters,
.yith-wcan-preset-wrapper,
.yith-wcan-filters-wrapper,
.yith-wcan-panel,
.elementor-widget-yith-wcan-ajax-product-filter {
    background-color: #181818 !important;
    border: 1px solid #2A2A2A !important;
    border-radius: 10px !important;
    padding: 20px !important;
    color: #F9F9F9 !important;
}

/* 2. Títulos de cada sección (Categorías, Etiquetas, Talla) */
.yith-wcan-filter-title,
.yith-wcan-filter-title h4,
.yith-wcan-filters .filter-title,
.yith-wcan-filter h5 {
    color: #E60000 !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.8px !important;
    margin-bottom: 14px !important;
    border-bottom: 1px solid #2A2A2A !important;
    padding-bottom: 6px !important;
}

/* 3. Textos de categorías, casillas y etiquetas */
.yith-wcan-filter,
.yith-wcan-filter li,
.yith-wcan-filter a,
.yith-wcan-filter label,
.yith-wcan-filter span {
    color: #DDDDDD !important;
    font-size: 14px !important;
    background: transparent !important;
}

.yith-wcan-filter a:hover,
.yith-wcan-filter label:hover {
    color: #E60000 !important;
}

/* 4. Casillas de selección (Checkboxes) */
.yith-wcan-filter input[type="checkbox"] {
    accent-color: #E60000 !important;
    background-color: #222222 !important;
    border: 1px solid #444444 !important;
    cursor: pointer !important;
}

/* 5. Menú desplegable (Select) */
.yith-wcan-filter select {
    background-color: #222222 !important;
    color: #FFFFFF !important;
    border: 1px solid #333333 !important;
    border-radius: 6px !important;
    padding: 10px 14px !important;
    width: 100% !important;
    outline: none !important;
}

.yith-wcan-filter select:focus {
    border-color: #E60000 !important;
}

/* 6. Botones de Tallas (L, M, S, XL, etc.) */
.yith-wcan-filter .filter-item,
.yith-wcan-filter .yith-wcan-label,
.yith-wcan-filter-labels a,
.yith-wcan-filter.filter-labels li a,
.yith-wcan-labels .yith-wcan-label {
    background-color: #222222 !important;
    color: #FFFFFF !important;
    border: 1px solid #333333 !important;
    border-radius: 4px !important;
    font-weight: 700 !important;
    padding: 8px 12px !important;
    display: inline-block !important;
    margin: 3px !important;
    transition: all 0.2s ease !important;
}

/* Talla al pasar el cursor */
.yith-wcan-filter .filter-item:hover,
.yith-wcan-filter-labels a:hover,
.yith-wcan-filter.filter-labels li a:hover {
    border-color: #E60000 !important;
    color: #FFFFFF !important;
    background-color: #2E2E2E !important;
}

/* Talla seleccionada / activa */
.yith-wcan-filter .filter-item.active,
.yith-wcan-filter-labels .active a,
.yith-wcan-filter.filter-labels li.active a,
.yith-wcan-filter.filter-labels li.chosen a,
.yith-wcan-labels .yith-wcan-label.selected {
    background-color: #E60000 !important;
    color: #FFFFFF !important;
    border-color: #E60000 !important;
}

/* 7. Botón Restablecer Filtros */
.yith-wcan-reset-filters,
.yith-wcan-all-filters-reset,
.yith-wcan-filters button[type="button"],
.yith-wcan-reset-filters button {
    background: #E60000 !important;
    color: #FFFFFF !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    border: none !important;
    border-radius: 6px !important;
    padding: 12px 18px !important;
    width: 100% !important;
    letter-spacing: 0.5px !important;
    cursor: pointer !important;
    transition: background 0.3s ease !important;
}

.yith-wcan-reset-filters:hover,
.yith-wcan-all-filters-reset:hover {
    background: #B80000 !important;
}/* End custom CSS */