/* Light header: transparent at top; white bar + shadow when sticky (.primary-header.fixed) */
.header.header-is-light {
    background-color: transparent !important;
}

.header.header-is-light .primary-header:not(.fixed) {
    background-color: rgba(255, 255, 255, 0.4) !important;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06) !important;
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
}

.header.header-is-light .primary-header.fixed {
    background-color: rgba(255, 255, 255, 0.4) !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1) !important;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

/* --- At top (over hero): dark text on white glass bar --- */
.header.header-is-light .primary-header:not(.fixed) .header-menu-wrap .mobile-menu-items > ul > li > a {
    color: #111111 !important;
    text-shadow: none;
}

.header.header-is-light .primary-header:not(.fixed) .header-menu-wrap .mobile-menu-items > ul > li > a:hover {
    color: #000000 !important;
}

.header.header-is-light .primary-header:not(.fixed) .header-menu-wrap .mobile-menu-items > ul > li.active > a {
    color: var(--tl-color-theme-primary, #BB2127) !important;
}

.header.header-is-light .primary-header:not(.fixed) .header-contact .icon,
.header.header-is-light .primary-header:not(.fixed) .header-contact .call-text,
.header.header-is-light .primary-header:not(.fixed) .header-contact .call-number {
    color: #111111 !important;
    text-shadow: none;
}

.header.header-is-light .primary-header:not(.fixed) .header-contact .icon i {
    color: inherit !important;
}

.header.header-is-light .primary-header:not(.fixed) .search-icon,
.header.header-is-light .primary-header:not(.fixed) .sidebar-icon .sidebar-trigger {
    background-color: rgba(255, 255, 255, 0.65) !important;
    color: #111111 !important;
    border: 1px solid rgba(0, 0, 0, 0.08);
}

.header.header-is-light .primary-header:not(.fixed) .search-icon i {
    color: #111111 !important;
}

.header.header-is-light .primary-header:not(.fixed) .sidebar-trigger path {
    fill: #111111 !important;
}

/* --- Sticky: dark text on white --- */
.header.header-is-light .primary-header.fixed .header-menu-wrap .mobile-menu-items > ul > li > a {
    color: #111111 !important;
    text-shadow: none;
}

.header.header-is-light .primary-header.fixed .header-menu-wrap .mobile-menu-items > ul > li > a:hover {
    color: #000000 !important;
}

.header.header-is-light .primary-header.fixed .header-menu-wrap .mobile-menu-items > ul > li.active > a {
    color: var(--tl-color-theme-primary, #BB2127) !important;
}

.header.header-is-light .primary-header.fixed .header-contact .icon,
.header.header-is-light .primary-header.fixed .header-contact .call-text,
.header.header-is-light .primary-header.fixed .header-contact .call-number {
    color: #111111 !important;
    text-shadow: none;
}

.header.header-is-light .primary-header.fixed .header-contact .icon i {
    color: inherit !important;
}

.header.header-is-light .primary-header.fixed .search-icon,
.header.header-is-light .primary-header.fixed .sidebar-icon .sidebar-trigger {
    background-color: #f0f0f0 !important;
    color: #111111 !important;
    border: 1px solid rgba(0, 0, 0, 0.08);
}

.header.header-is-light .primary-header.fixed .search-icon i {
    color: #111111 !important;
}

.header.header-is-light .primary-header.fixed .sidebar-trigger path {
    fill: #111111 !important;
}

.header .primary-header-inner .header-menu-wrap ul li a {
    font-size: 20px !important;
}

/* Inner pages: white glass bar + dark text when sticky */
.header .primary-header.fixed {
    background-color: rgba(255, 255, 255, 0.4) !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1) !important;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

.header:not(.header-is-light) .primary-header:not(.fixed) {
    background-color: rgba(255, 255, 255, 0.4) !important;
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
}

.header .primary-header.fixed .header-menu-wrap .mobile-menu-items > ul > li > a {
    color: #111111 !important;
    text-shadow: none;
}

.header .primary-header.fixed .header-menu-wrap .mobile-menu-items > ul > li > a:hover {
    color: #000000 !important;
}

.header .primary-header.fixed .header-menu-wrap .mobile-menu-items > ul > li.active > a {
    color: var(--tl-color-theme-primary, #BB2127) !important;
}

.header .primary-header.fixed .header-contact .icon,
.header .primary-header.fixed .header-contact .call-text,
.header .primary-header.fixed .header-contact .call-number {
    color: #111111 !important;
    text-shadow: none;
}

.header .primary-header.fixed .header-contact .icon i {
    color: inherit !important;
}

.header .primary-header.fixed .search-icon,
.header .primary-header.fixed .sidebar-icon .sidebar-trigger {
    background-color: #f0f0f0 !important;
    color: #111111 !important;
    border: 1px solid rgba(0, 0, 0, 0.08);
}

.header .primary-header.fixed .search-icon i {
    color: #111111 !important;
}

.header .primary-header.fixed .sidebar-trigger path {
    fill: #111111 !important;
}

/* Mobile: white glass bar + dark icons */
@media (max-width: 991px) {
    .header.header-is-light,
    .header.header-is-light .primary-header,
    .header .primary-header {
        background-color: rgba(255, 255, 255, 0.4) !important;
    }

    .header.header-is-light .primary-header:not(.fixed),
    .header.header-is-light .primary-header.fixed,
    .header .primary-header:not(.fixed),
    .header .primary-header.fixed {
        background-color: rgba(255, 255, 255, 0.4) !important;
        box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1) !important;
        backdrop-filter: blur(8px);
        -webkit-backdrop-filter: blur(8px);
    }

    .header.header-is-light .primary-header .header-menu-wrap .mobile-menu-items > ul > li > a,
    .header .primary-header .header-menu-wrap .mobile-menu-items > ul > li > a {
        color: #111111 !important;
        text-shadow: none !important;
    }

    .header.header-is-light .primary-header .header-menu-wrap .mobile-menu-items > ul > li > a:hover,
    .header .primary-header .header-menu-wrap .mobile-menu-items > ul > li > a:hover {
        color: #000000 !important;
    }

    .header.header-is-light .primary-header .header-menu-wrap .mobile-menu-items > ul > li.active > a,
    .header .primary-header .header-menu-wrap .mobile-menu-items > ul > li.active > a {
        color: var(--tl-color-theme-primary, #BB2127) !important;
    }

    .header.header-is-light .primary-header .header-contact .icon,
    .header.header-is-light .primary-header .header-contact .call-text,
    .header.header-is-light .primary-header .header-contact .call-number,
    .header .primary-header .header-contact .icon,
    .header .primary-header .header-contact .call-text,
    .header .primary-header .header-contact .call-number {
        color: #111111 !important;
        text-shadow: none !important;
    }

    .header.header-is-light .primary-header .search-icon,
    .header.header-is-light .primary-header .sidebar-icon .sidebar-trigger,
    .header .primary-header .search-icon,
    .header .primary-header .sidebar-icon .sidebar-trigger {
        background-color: #f0f0f0 !important;
        color: #111111 !important;
        border: 1px solid rgba(0, 0, 0, 0.08) !important;
    }

    .header.header-is-light .primary-header .search-icon i,
    .header .primary-header .search-icon i {
        color: #111111 !important;
    }

    .header.header-is-light .primary-header .sidebar-trigger path,
    .header .primary-header .sidebar-trigger path {
        fill: #111111 !important;
    }

    .header .mobile-menu-icon .menu-toggle .bar {
        background-color: #111111 !important;
    }
}