/* Header Styles */
#header.header-transparent .header-body {
    background: transparent;
    transition: background 0.3s ease;
}

html.sticky-header-active #header.header-transparent .header-body {
    background: #D1D1D1 !important;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
}

/* Ensure text is visible on transparent background */
/* #header.header-transparent .header-nav-main nav > ul > li > a {
    color: #101019 !important;
} */

#header.header-transparent .header-nav-main nav > ul > li:hover > a {
    color: #333 !important;
}

/* Keep other pages' headers dark */
#header:not(.header-transparent) .header-body {
    background: #101019 !important;
}