/* ===========================================
   NAVBAR RESPONSIVE FIX
   Ensures proper navbar icon visibility across all screen sizes
   =========================================== */

/* Simple fix for navbar icons being too small */
.navbar .nav-link i.fas,
.navbar .nav-link i.far,
.navbar .nav-link i.fab {
    font-size: 1rem;
    margin-right: 0.25rem;
    flex-shrink: 0;
}

/* Fix for desktop zoom that shrinks navbar icons */
@media (min-width: 1200px) {
    .navbar .nav-link i.fas,
    .navbar .nav-link i.far,
    .navbar .nav-link i.fab {
        zoom: 1;
    }
}

/* Mobile responsive text visibility */
@media (max-width: 575.98px) {
    .navbar .nav-link .d-sm-none {
        display: inline !important;
    }
    .navbar .nav-link .d-none {
        display: none !important;
    }
}

@media (min-width: 576px) {
    .navbar .nav-link .d-none.d-sm-inline {
        display: inline !important;
    }
    .navbar .nav-link .d-sm-none {
        display: none !important;
    }
}