/* =========================================================
   HEADER OVERRIDE FOR LIGHT-BACKGROUND PAGES
   Restores dark navy header on about, contact, search pages
========================================================= */

/* Full #header dark background */
#header {
    background: rgba(8, 53, 74, 0.97) !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.18) !important;
}

/* Dark header top bar */
.header-top {
    background: rgba(8, 53, 74, 0.97) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}

/* Glass nav gets a subtle glass effect on light pages */
.glass-nav {
    background: rgba(255, 255, 255, 0.12) !important;
    backdrop-filter: blur(15px) saturate(130%) !important;
    -webkit-backdrop-filter: blur(15px) saturate(130%) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.25) !important;
}

/* Ensure all header text stays white */
.header-top a,
.nav-menu > li > a,
.cj-header-search-input,
.cj-header-search-input::placeholder {
    color: #ffffff !important;
}

/* Header top buttons stay visible */
.header-top .top-head-btn {
    background: #08354A !important;
    color: #ffffff !important;
    border: 1.5px solid #041F2C !important;
}

.header-top .top-head-btn:hover {
    background: #ffffff !important;
    color: #08354A !important;
}