/* =====================================
SELECT - MISMA ALTURA QUE INPUT
Materialize CSS 1.0.0
===================================== */

/* Campo seleccionado: misma altura que input estándar */
.select-wrapper input.select-dropdown {
    height: 3rem;
    line-height: 3rem;
    box-sizing: content-box;

    color: #374151;
    font-size: clamp(13px, 0.85vw + 10px, 15px);
    font-weight: 400;
    letter-spacing: 0.15px;

    /*    padding: 0 30px 0 8px;
        margin: 0 0 8px 0;*/

    border-bottom: 1px solid #9e9e9e;
    transition: border-color 0.2s ease,
        box-shadow 0.2s ease;
}

/* Foco */
/*.select-wrapper input.select-dropdown:focus {
    border-bottom: 2px solid #4b5320;
    box-shadow: 0 1px 0 0 #4b5320;
}*/

/* Flecha */
.select-wrapper .caret {
    fill: #4b5320;
}

/* Mantener la posición original del label de Materialize 
.input-field .select-wrapper + label {
    font-size: 1rem;
}*/

/* =====================================
OPCIONES DESPLEGABLES
===================================== */

.dropdown-content {
    border-radius: 6px;
    /*overflow: hidden;*/
    max-height: 260px;

    /* Activar desplazamiento vertical */
    overflow-y: auto !important;
    overflow-x: hidden;

    /* Desplazamiento suave */
    -webkit-overflow-scrolling: touch;

    /* Mantener el menú por encima de otros elementos */
    overscroll-behavior-y: contain;
}

.dropdown-content li {
    min-height: 0;
    height: auto;
}

.dropdown-content li > span {
    display: block;
    color: #374151;
    font-size: clamp(12px, 0.7vw + 10px, 14px);
    font-weight: 400;
    line-height: 1.3;
    padding: 6px 12px;

    transition: background-color 0.15s ease,
        color 0.15s ease;
}

/* Hover */
.dropdown-content li:not(.disabled):hover > span {
    background-color: #4b5320;
    color: #ffffff;
}

/* Opción seleccionada */
.dropdown-content li.selected > span {
    background-color: #eef0e6;
    color: #4b5320;
    font-weight: 500;
}

/* Seleccionada con hover */
.dropdown-content li.selected:hover > span {
    background-color: #4b5320;
    color: #ffffff;
}

/* Deshabilitadas */
.dropdown-content li.disabled > span {
    color: #9ca3af;
    cursor: not-allowed;
}

/* =====================================
RESPONSIVE
===================================== */

@media only screen and (max-width: 600px) {
    .select-wrapper input.select-dropdown {
        font-size: 13px;
    }

    .dropdown-content li > span {
        font-size: 13px;
        padding: 6px 10px;
    }

    .dropdown-content {
        max-height: 220px;
    }
}