/* Custom Select para Mobile - Dropdown Grande e Centralizado */

/* Forçar aparência nativa melhorada no mobile */
@media (max-width: 768px) {
    select {
        /* Aumentar tamanho da fonte para evitar zoom automático */
        font-size: 16px !important;
        
        /* Forçar altura mínima */
        min-height: 56px !important;
        
        /* Centralizar texto */
        text-align: center !important;
        text-align-last: center !important;
        
        /* Aparência nativa otimizada */
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        
        /* Adicionar seta customizada */
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: right 15px center;
        background-size: 20px;
        padding-right: 45px !important;
    }
    
    /* Estilizar opções */
    select option {
        font-size: 18px !important;
        padding: 15px !important;
        text-align: center !important;
        background: #0f172a !important;
        color: white !important;
        min-height: 50px !important;
        line-height: 50px !important;
    }
    
    /* Forçar select nativo do iOS/Android a usar fonte maior */
    select::-webkit-scrollbar {
        width: 0px;
    }
}

/* Específico para iOS */
@supports (-webkit-touch-callout: none) {
    @media (max-width: 768px) {
        select {
            font-size: 18px !important;
        }
        
        select option {
            font-size: 20px !important;
        }
    }
}