/* Header Override - Force Transparency */
#header {
    background-color: rgba(255, 255, 255, 0.5) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
}

#header.scrolled {
    background-color: rgba(255, 255, 255, 0.5) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
}

/* Ensure no white background on mobile menu toggle */
#mobile-menu {
    background-color: rgba(255, 255, 255, 0.95) !important;
}