/* header.css - Styles for the main application header */

/* Styling for links without underline */
.main-header .no-underline {
    text-decoration: none;
}

.main-header {
    background: linear-gradient(to right, #002147, #007bff); /* Dark blue to blue gradient */
    padding: 8px 0; /* Reduced padding by 20% from 10px */
}

/* Ensure consistent horizontal padding inside header on all pages */
.main-header .container {
    padding-left: 5%;
    padding-right: 5%;
}

/* Legacy selector kept for pages that may still use h1 in header */
.main-header h1 {
    font-size: 3rem; /* Doubled from 1.5rem */
    /* font-weight: 300;  Increase thickness */
    margin: 0;
    font-family: 'Arial Black', Arial, sans-serif; /* Fallbacks provided */
}

/* Current site branding when not using h1 */
.main-header .site-brand {
    font-size: 3rem;
    margin: 0;
    font-family: 'Arial Black', Arial, sans-serif;
    font-weight: 800; /* Make bold as before */
    line-height: 1.1;
}

.main-header .navbar {
    padding: 0; /* Reduce padding in the navbar */
}

.main-header .navbar-nav .nav-link {
    margin-right: 15px;
    font-size: 1rem; /* Adjust link size if needed */
}

.main-header a.no-underline {
    text-decoration: none;
}

.main-header .navbar-brand {
    font-weight: 700; /* Adjust to 800 or 900 if you want it even bolder */
    font-size: 1rem;
}

/* Keep the site title on a single line */
.main-header h1 a,
.main-header .site-brand a {
    white-space: nowrap;
    display: inline-block;
    font-weight: 800; /* Ensure bold on the link as well */
}

/* Responsive adjustments for small screens */
@media (max-width: 576px) {
    .main-header .container {
        padding-left: 3%; /* match landing page mobile container */
        padding-right: 3%;
    }
    .main-header h1,
    .main-header .site-brand {
        font-size: 2rem; /* down from 3rem */
        line-height: 1.1;
    }
    .main-header .navbar-brand {
        font-size: 0.9rem;
    }
}