/* Header Navigation Contrast Fix */
/* Default state (Transparent header on dark hero): Text should be readable (Light) */
#header:not(.scrolled) #main-nav>li>a,
#header:not(.scrolled) #main-nav>li>button {
    color: #FFF7ED !important;
    /* brand-base or white */
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    /* improved readability */
}

/* Hover state on transparent header */
#header:not(.scrolled) #main-nav>li>a:hover,
#header:not(.scrolled) #main-nav>li>button:hover {
    color: #FBBF24 !important;
    /* brand-accent */
}

/* Scrolled state (White/Light header): Text should be dark */
#header.scrolled #main-nav>li>a,
#header.scrolled #main-nav>li>button {
    color: #57534E !important;
    /* brand-text-muted */
}

#header.scrolled #main-nav>li>a:hover,
#header.scrolled #main-nav>li>button:hover {
    color: #D97706 !important;
    /* brand-primary */
}

/* Logo Text Contrast */
#header:not(.scrolled) #logo-text {
    color: #FFFFFF !important;
}

#header.scrolled #logo-text {
    color: #D97706 !important;
    /* brand-primary */
}

/* Fix mobile menu button contrast */
#header:not(.scrolled) #mobile-menu-btn {
    color: #FFFFFF !important;
}

#header.scrolled #mobile-menu-btn {
    color: #292524 !important;
    /* brand-dark */
}

/* Fix Dropdown Menu Text Color (Always Dark on White Background) */
#header #main-nav .relative .absolute a {
    color: #1F2937 !important;
    /* gray-800 */
    text-shadow: none !important;
}

#header #main-nav .relative .absolute a:hover {
    color: #D97706 !important;
    /* brand-primary */
    background-color: #FFFBEB !important;
    /* amber-50 */
}