/* Global navbar polish — originally for fixed-top (MSI original).
 * Multi-theme packages use sticky/sidebar headers without fixed-top;
 * do NOT force inner-page top padding on those. */

#header.fixed-top {
    background-color: rgba(30, 30, 30, 0.45) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
    transition: all 0.4s ease-in-out !important;
}

#header.fixed-top.scrolled,
#header.fixed-top.header-scrolled,
body.inner-page #header.fixed-top {
    background-color: rgba(20, 20, 20, 0.85) !important;
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.15) !important;
}

/* Only fixed headers need body offset */
body.inner-page:has(#header.fixed-top) {
    padding-top: 110px !important;
}

@media (max-width: 767px) {
    body.inner-page:has(#header.fixed-top) {
        padding-top: 96px !important;
    }
}