/* Custom Header Scroll Effect Fix */

/* Increase logo size */
.primary-header .logo {
    --logo-height: 3.5rem;
}

/* Logo visibility - Light logo by default (for transparent header) */
.primary-header .logo__img--light {
    display: block;
}

.primary-header .logo__img--dark {
    display: none;
}

/* Transparent header at top */
.primary-header {
    transition: background-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}

/* Force header background when scrolled */
body.primary-header-crossed .primary-header {
    background-color: #000000 !important;
    backdrop-filter: blur(10px);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4);
}

/* Logo visibility when scrolled - Show dark logo, hide light logo */
body.primary-header-crossed .primary-header .logo__img--light {
    display: none;
}

body.primary-header-crossed .primary-header .logo__img--dark {
    display: block;
}

/* Adjust nav links color when scrolled */
body.primary-header-crossed .primary-header .nav-link {
    transition: color 0.3s ease-in-out;
}

body.primary-header-crossed .primary-header .nav-link:hover,
body.primary-header-crossed .primary-header .nav-link.active {
    color: #ffffff !important;
}

/* Header top position when crossed */
body.primary-header-crossed .primary-header {
    top: 0 !important;
}

/* Hamburger icon color when scrolled */
body.primary-header-crossed .primary-header .navbar-toggler iconify-icon {
    color: #ffffff !important;
    transition: color 0.3s ease-in-out;
}