/* =========================================
   REPARACIÓN DEFINITIVA DE SELECTS
   ========================================= */

/* 1. Forzamos al navegador a tratar el elemento como "Light Mode" 
      esto evita que en móviles con modo oscuro el texto se vuelva blanco */
select {
    color-scheme: light !important; 
    color: #333333 !important;      /* Texto gris oscuro */
    background-color: #ffffff !important; /* Fondo blanco */
}

/* 2. Estilo específico para las opciones (la lista que se despliega) */
select option {
    background-color: #ffffff !important;
    color: #333333 !important;
    /* Algunos navegadores requieren min-height para renderizar bien el padding */
    min-height: 1.2em; 
}

/* 3. Ajuste para cuando el campo está vacío (validación) */
.field.field-empty select {
    background-color: rgba(217, 83, 79, 0.05) !important;
    color: #333333 !important;
    border: 1px solid var(--error-color);
}

/* 4. Si usas estados de foco, asegúrate de que no se invierta el color */
select:focus, 
select:active {
    background-color: #ffffff !important;
    color: #333333 !important;
}