/* Custom header color override - always red regardless of theme */
.sb-topnav.navbar.navbar-expand.navbar-dark.stellar-header,
[data-theme="light"] .sb-topnav.navbar.navbar-expand.navbar-dark.stellar-header,
[data-theme="dark"] .sb-topnav.navbar.navbar-expand.navbar-dark.stellar-header {
    background-color: #E73D4E !important;
}

/* Override any theme-specific styles */
:root .stellar-header,
[data-theme="light"] .stellar-header,
[data-theme="dark"] .stellar-header {
    background-color: #E73D4E !important;
}

/* Ensure text is visible on the new background in all themes */
.stellar-header .navbar-brand,
.stellar-header .nav-link,
.stellar-header .btn-link,
.stellar-header .theme-switch-wrapper,
[data-theme="light"] .stellar-header .navbar-brand,
[data-theme="light"] .stellar-header .nav-link,
[data-theme="light"] .stellar-header .btn-link,
[data-theme="light"] .stellar-header .theme-switch-wrapper,
[data-theme="dark"] .stellar-header .navbar-brand,
[data-theme="dark"] .stellar-header .nav-link,
[data-theme="dark"] .stellar-header .btn-link,
[data-theme="dark"] .stellar-header .theme-switch-wrapper {
    color: white !important;
}

/* Ensure icons are visible in all themes */
.stellar-header .fa-bars,
.stellar-header .fa-sun,
.stellar-header .fa-moon,
[data-theme="light"] .stellar-header .fa-bars,
[data-theme="light"] .stellar-header .fa-sun,
[data-theme="light"] .stellar-header .fa-moon,
[data-theme="dark"] .stellar-header .fa-bars,
[data-theme="dark"] .stellar-header .fa-sun,
[data-theme="dark"] .stellar-header .fa-moon {
    color: white !important;
}