/**
 * NAVBAR COMPACT - Optimización de espacio
 * Fecha: 27 de diciembre de 2025
 * Descripción: Reduce padding y fuente para que quepan todos los elementos
 */

/* Reducir padding horizontal de los elementos del navbar */
.navbar-nav .nav-link {
    padding-left: 0.6rem !important;
    padding-right: 0.6rem !important;
    font-size: 0.9rem !important;
}

/* Reducir padding de dropdowns */
.navbar-nav .dropdown-toggle {
    padding-left: 0.6rem !important;
    padding-right: 0.6rem !important;
}

/* Ajustar espaciado de iconos */
.navbar-nav .nav-link i,
.navbar-nav .dropdown-toggle i {
    margin-right: 0.35rem !important;
}

/* Reducir padding del contenedor del navbar */
.navbar .container {
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
}

/* Reducir margen del brand */
.navbar-brand {
    margin-right: 0.75rem !important;
    font-size: 1.1rem !important;
}

/* Ajustar el botón de toggle de tema */
#theme-toggle {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
}

/* Reducir espaciado en el menú de usuario */
.navbar-nav .dropdown-menu-end {
    font-size: 0.9rem;
}

/* Badge más compacto */
.navbar-nav .badge {
    font-size: 0.7rem;
    padding: 0.2em 0.4em;
}

/* Responsive: en pantallas muy pequeñas, colapsar antes */
@media (max-width: 1400px) {
    .navbar-nav .nav-link {
        padding-left: 0.5rem !important;
        padding-right: 0.5rem !important;
        font-size: 0.85rem !important;
    }

    .navbar-brand {
        font-size: 1rem !important;
    }
}

/* Para pantallas medianas */
@media (min-width: 992px) and (max-width: 1366px) {
    .navbar-nav .nav-link,
    .navbar-nav .dropdown-toggle {
        padding-left: 0.5rem !important;
        padding-right: 0.5rem !important;
        font-size: 0.85rem !important;
    }
}

/* Asegurar que el navbar no haga wrap */
.navbar-collapse {
    flex-wrap: nowrap;
}

/* Evitar que el menú se rompa en múltiples líneas */
.navbar-nav {
    flex-wrap: nowrap;
    white-space: nowrap;
}