/* --- Navigation Adjustments --- */

/* 1. Reduce the main navbar height */
.navbar {
    padding-top: 5px !important;    /* Minimal top spacing */
    padding-bottom: 5px !important; /* Minimal bottom spacing */
    min-height: 50px;              /* Sets a slim fixed minimum */
}

/* 2. Adjust the Logo/Brand size and padding */
.navbar-brand.logo {
    font-size: 1.2rem;             /* Slightly smaller to fit slim bar */
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 0;
}

/* 3. Reduce vertical space around the links */
.navbar-nav .nav-link {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    font-size: 0.85rem;            /* Refined size for a tighter look */
}

/* 4. Fix Hero Section Offset */
/* Since the nav is now shorter, we adjust the hero to start correctly */
.hero {
    min-height: calc(100vh - 50px); /* Adjusts height based on new nav size */
}