/* Strip away the default purple background color, gradients, and shadows */
.header, .container-header {
    background-color: #ffffff !important;
    background-image: none !important;
    box-shadow: none !important;
    border-bottom: 1px solid #e5e5e5; /* Soft bottom outline separating the banner */
}

/* Force all top navigation menu text, links, and titles to stay dark and legible on the white background */
.header a, 
.container-header a,
.container-header .navbar-nav .nav-link,
.container-header .site-title,
.container-header .burger-icon span {
    color: #333333 !important;
    background-color: transparent !important;
}

/* Configure a subtle text color shift when hovering over links on the white background */
.container-header .navbar-nav .nav-link:hover,
.container-header a:hover {
    color: #000000 !important;
    text-decoration: underline !important;
}

/* Restrict the maximum body width and center the entire website container */
.site-grid {
    max-width: 1024px !important; /* Change 1200px to 1440px or any size you prefer */
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Ensure the white top header banner aligns perfectly with your body width constraint */
.header, .container-header {
    max-width: 1024px !important; /* Make sure this matches the max-width value above */
    margin-left: auto !important;
    margin-right: auto !important;
}

/* 1. Eliminate the body/page wrapper top edge space */
body.site {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* 2. Target Cassiopeia's core header container padding */
.header {
    padding-top: 0 !important;
    margin-top: 0 !important;
    padding-bottom: 0px;
}

/* 3. Collapse spacing inside the internal CSS Grid layout wrapper */
.container-header, 
.container-header .grid-child {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

/* 4. Strip margins from the native logo brand element wrapper */
.navbar-brand,
.brand-logo,
.brand-logo img {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* 5. Clear automatic paragraph wrapping spacing if you used a module */
.container-header p, 
.header p {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}