/* New Premium Header Overrides */
header {
transition: height 0.5s cubic-bezier(0.16, 1, 0.3, 1), background 0.5s ease, border-color 0.5s ease !important;
}
header.scrolled {
background: transparent !important;
backdrop-filter: none !important;
-webkit-backdrop-filter: none !important;
border-bottom: 1px solid transparent !important;
box-shadow: none !important;
height: 70px !important;
}
header.scrolled #header-bg {
opacity: 1 !important;
}
/* Mobile Menu Animations */
.menu-open {
overflow: hidden;
}
.menu-open #mobile-menu-btn span:nth-child(1) {
transform: translateY(0) rotate(45deg) !important;
background-color: #33D2FF;
}
.menu-open #mobile-menu-btn span:nth-child(2) {
opacity: 0;
}
.menu-open #mobile-menu-btn span:nth-child(3) {
transform: translateY(0) rotate(-45deg) !important;
background-color: #33D2FF;
}
.menu-open #mobile-menu {
opacity: 1;
pointer-events: auto;
}
.menu-open .mobile-link {
opacity: 1;
transform: translateY(0);
}
.menu-open .mobile-cta {
opacity: 1;
transform: translateY(0);
}
.mobile-link { transition: opacity 0.4s ease, transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), color 0.3s ease, padding-left 0.3s ease; }
.mobile-link:nth-child(1) { transition-delay: 0.1s; }
.mobile-link:nth-child(2) { transition-delay: 0.15s; }
.mobile-link:nth-child(3) { transition-delay: 0.2s; }
.mobile-link:nth-child(4) { transition-delay: 0.25s; }
.mobile-cta { transition-duration: 0.5s; transition-delay: 0.3s; transition-property: opacity, transform; }