/* Fix para Selectize - Proteger menú de navegación */

/* Proteger el menú de navegación de Selectize */
.sidebar .selectize-control,
.navbar .selectize-control,
.main-header .selectize-control,
.navigation .selectize-control {
    display: none !important;
}

/* Asegurar que los selects del menú mantengan su funcionalidad original */
.sidebar select,
.navbar select,
.main-header select,
.navigation select {
    /* Restaurar estilos originales para selects del menú */
    appearance: auto !important;
    -webkit-appearance: auto !important;
    -moz-appearance: auto !important;
}

/* Estilos específicos para Selectize solo en formularios */
.form-section .selectize-dropdown,
.form-container .selectize-dropdown,
.content .selectize-dropdown {
    z-index: 1000 !important;
    position: absolute !important;
    background: white !important;
    border: 1px solid #ced4da !important;
    border-radius: 4px !important;
    box-shadow: 0 2px 6px rgba(0,0,0,0.15) !important;
}

.form-section .selectize-dropdown-content,
.form-container .selectize-dropdown-content,
.content .selectize-dropdown-content {
    max-height: 200px !important;
    overflow-y: auto !important;
}

.form-section .selectize-dropdown .option,
.form-container .selectize-dropdown .option,
.content .selectize-dropdown .option {
    padding: 8px 12px !important;
    cursor: pointer !important;
}

.form-section .selectize-dropdown .option:hover,
.form-container .selectize-dropdown .option:hover,
.content .selectize-dropdown .option:hover {
    background-color: #f8f9fa !important;
}

.form-section .selectize-control,
.form-container .selectize-control,
.content .selectize-control {
    width: 100% !important;
}

.form-section .selectize-input,
.form-container .selectize-input,
.content .selectize-input {
    padding: 8px 12px !important;
    border: 1px solid #ced4da !important;
    border-radius: 4px !important;
    background: white !important;
}

.form-section .selectize-input.focus,
.form-container .selectize-input.focus,
.content .selectize-input.focus {
    border-color: #1a237e !important;
    box-shadow: 0 0 0 0.2rem rgba(26,35,126,0.25) !important;
}

/* Fix para el botón del menú - Asegurar visibilidad global */
.navbar-toggler.sidenav-toggler {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    z-index: 1001 !important;
}

/* Mostrar el botón del menú en dispositivos móviles y tablets */
@media (max-width: 1199.98px) {
    .navbar-toggler.sidenav-toggler {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
}

/* Ocultar el botón del menú solo en pantallas muy grandes */
@media (min-width: 1200px) {
    .navbar-toggler.sidenav-toggler {
        display: none !important;
    }
}