/* Navbar Customizations */
body {
    padding-top: 56px; /* Adjust this value based on your navbar's height */
}

.navbar {
    border-bottom: 1px solid #e9ecef; /* Optional: adds a subtle line below the navbar */
}

.navbar-brand {
    font-weight: bold;
}

.nav-link {
    padding: 0.5rem 1rem;
}

/* Responsive adjustments */
@media (max-width: 991.98px) { /* Corresponds to Bootstrap's lg breakpoint */
    .navbar-nav {
        margin-top: 1rem; /* Adds some space above the nav links when collapsed */
    }
    .nav-link {
        padding: 0.5rem 0; /* Adjust padding for vertical layout */
        text-align: center; /* Center links in mobile view */
    }
}

/* Smooth scrolling behavior (optional but recommended) */
html {
    scroll-behavior: smooth;
}