/* Transparent header by default */
.gyro-scroll-header {
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background-color: transparent !important;
    transition: background-color 0.3s ease, box-shadow 0.3s ease, padding 0.3s ease;
    padding-top: 20px;
    padding-bottom: 20px;
}

/* Adjust top when admin bar is present */
body.admin-bar .gyro-scroll-header {
    top: var(--wp-admin--admin-bar--height, 32px);
}
@media screen and (max-width: 782px) {
    body.admin-bar .gyro-scroll-header {
        top: 46px;
    }
}

/* Initial styling for Menu Items - White text */
.gyro-scroll-header .elementor-nav-menu a,
.gyro-scroll-header .elementor-nav-menu--main .elementor-item {
    color: #ffffff !important;
    transition: color 0.3s ease;
}

/* Logo initial display states */
.gyro-scroll-header .gyro-full-logo {
    display: block !important;
    max-height: 50px;
    width: auto;
    transition: all 0.3s ease;
}
.gyro-scroll-header .gyro-icon-logo {
    display: none !important;
    max-height: 40px;
    width: auto;
    transition: all 0.3s ease;
}

/* Scrolled (Solid White) state */
.gyro-scroll-header.scrolled {
    background-color: #ffffff !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    padding-top: 12px;
    padding-bottom: 12px;
}

/* Active menu link color during solid white state */
.gyro-scroll-header.scrolled .elementor-nav-menu a,
.gyro-scroll-header.scrolled .elementor-nav-menu--main .elementor-item {
    color: #222222 !important;
}

/* Logo behavior when scrolled */
.gyro-scroll-header.scrolled .gyro-full-logo {
    display: none !important;
}
.gyro-scroll-header.scrolled .gyro-icon-logo {
    display: block !important;
}