/* ===== UNIVERSAL HEADER / NAV ===== */

/* Header container */
#header.navbar {
    display: flex !important;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap; /* keeps nav from overflowing on small screens */
    font-size: 1rem !important;
}

/* Logo */
#logo-container #logo {
    font-family: 'Yanone Kaffeesatz', sans-serif !important; /* logo font */
    font-weight: normal;
    line-height: 1.2 !important;
    margin-top: 5px;
    margin-bottom: 0;
    display: block;
}

/* Logo size variations */
body.homepage #logo-container #logo {
    font-size: 2.5rem !important; /* bigger on homepage */
}

body.subpage #logo-container #logo {
    font-size: 2.2rem !important; /* smaller on subpages */
}

/* Nav container */
/* ===== FORCE NAV SPACING TO BE SMALL & TIDY ===== */
#nav {
    gap: 5px !important;      /* tighter spacing */
}

#nav a {
    margin: 0 !important;     /* kills any margins custom.css added */
    padding: 1px 2px !important;  /* tiny padding so it feels compact */
}

/* Nav links */
#nav a {
    line-height: 1.2;
    font-size: 0.9rem;
    font-family: 'Yanone Kaffeesatz', sans-serif; /* match logo */
    text-decoration: none;
    color: #1e2a38; /* navy, can adjust */
}

#nav a:hover {
    text-decoration: underline;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 600px) {
    #logo-container #logo {
        font-size: 1.5rem !important; /* scale down on mobile */
        text-align: center;
        margin: 10px 0;
    }

    #nav {
        justify-content: center;
        gap: 8px;
    }

    #nav a {
        font-size: 0.85rem;
    }
}

/* ===== PRINT ===== */
@media print {
    #logo-container #logo {
        font-size: 1.2rem !important; /* keeps it compact on print */
        color: black !important;
    }

    #nav {
        display: none; /* hide nav in print */
    }
}