/* Forzar que el contenedor ocupe 100% del ancho del padre */
.select2-container { width: 100% !important; }

/* Altura cómoda del campo single */
.select2-container .select2-selection--single {
    height: 40px;
    display: flex;
    align-items: center;
}

/* Placeholder */
.select2-container .select2-selection__placeholder { color: #7a7a7a; }

/* Borde al foco (accesible y visible) */
.select2-container--default .select2-selection--single:focus,
.select2-container--default .select2-selection--single:focus-within {
    outline: none;
    border-color: #2684ff;
    box-shadow: 0 0 0 2px rgba(38,132,255,.2);
}

/* Z-index alto para que el dropdown no quede detrás de headers/stickies */
.select2-container .select2-dropdown { z-index: 9999; }


#demonic-products-wrapper.is-loading {
    opacity: 0.6;
    pointer-events: none;
    transition: opacity .2s ease;
}

/* Contenedor principal */
.select2-container .select2-selection {
    border-radius: 50px;   /* redondeado */
    /*border: 2px solid #D10E10; !* nuevo color de borde *!*/
    min-height: 50px;      /* alto mínimo */
    padding: 10px 20px;
    display: flex;
    align-items: center;
}


/* Cuando está enfocado */
.select2-container--default .select2-selection--single[aria-expanded="true"] {
    /*border-color: #2ecc71; !* color cuando está activo *!*/
    border-radius: 25px;
}
.select2-selection__rendered {
    /*color: #D10E10 !important;*/
}

/* Flecha del desplegable */
.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 50%;
    transform: translateY(-50%);
}

#demonic-filters label {
    font-weight: bold;
    margin-bottom: 5px;
    text-align: center;
    color: #D10E10;
}

#demonic-filters {
    margin-bottom: 40px;
    margin-top: 40px;
}

#demonic-filters .select2-selection__arrow {
    right: 10px;
}

/* Asegura que quede por encima de headers fijos/barras */
.select2-container--open {
    z-index: 9999;
}

/* Scroll suave en mobile dentro de la lista */
.select2-results__options {
    max-height: 260px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

/* Evita el zoom automático de iOS al enfocar el campo de búsqueda */
.select2-search--dropdown .select2-search__field {
    font-size: 16px;
}

.select2-container--open .select2-dropdown {
    margin-bottom: var(--select2-kbd-offset, 0px);
}