/* Make the toggler button smaller */
.navbar-toggler {
    padding: 0.15rem 0.35rem;
    /* shrink padding */
    font-size: 0.9rem;
    /* shrink icon size */
    line-height: 1;
    border: none;
    /* optional: remove border */
}

/* Align toggler with tiny navbar */
.navbar {
    min-height: 40px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* Logo fills navbar */
.navbar-brand img {
    height: 100%;
    max-height: 40px;
    width: auto;
    display: block;
}

/* Nav links slim */
.navbar-nav .nav-link {
    padding-top: 0.2rem !important;
    padding-bottom: 0.2rem !important;
    font-size: 0.85rem;
}

/* 📱 On small screens */
@media (max-width: 768px) {
    .navbar {
        min-height: 50px !important;
    }

    .navbar-brand img {
        max-height: 50px;
    }

    .navbar-nav .nav-link {
        font-size: 1rem;
    }

    .navbar-toggler {
        padding: 0.25rem 0.5rem;
        /* slightly bigger on mobile */
        font-size: 1rem;
    }
}