/* ==========================================================================
   MOBILE-NAV-FIX.CSS
   Merapikan menu navbar (garis tiga / hamburger) di halaman publik saat
   dibuka pada layar mobile & tablet. Hanya aktif di bawah 992px sehingga
   tampilan navbar versi desktop tidak berubah.
   ========================================================================== */
@media (max-width: 991.98px) {
    .navbar-collapse {
        padding-top: 10px;
        padding-bottom: 8px;
    }

    .navbar-collapse .navbar-nav {
        gap: 2px;
    }

    .navbar-collapse .nav-item {
        width: 100%;
    }

    .navbar-collapse .nav-item > .nav-link {
        padding: 10px 4px;
        border-bottom: 1px solid rgba(0, 0, 0, 0.06);
    }

    .navbar-collapse .nav-item:last-child > .nav-link {
        border-bottom: none;
    }

    /* Tombol Login/Dashboard/Admin/Logout yang menempel di ul menu jadi full-width & rapi */
    .navbar-collapse .nav-item > .btn {
        display: block;
        width: 100%;
        margin: 6px 0 0 0 !important;
        text-align: center;
    }

    .navbar-toggler {
        border: none;
        padding: 4px 10px;
    }

    .navbar-toggler:focus {
        box-shadow: 0 0 0 0.15rem rgba(25, 135, 84, 0.35);
    }
}