/* Ensure header background is solid on all pages */
.site-header,
.site-header.transparent,
.site-header:not(.navigation-slide) {
    background-color: #3c3950 !important;
    border-bottom: none !important;
}

/* Set mobile menu toggle color */
.menu-toggle,
.menu-toggle:focus,
.menu-toggle:hover {
    color: #ffffff !important;
}

/* Mobile menu styling */
@media (max-width: 768px) {
    .main-navigation.toggled {
        background-color: #3c3950 !important;
    }
    .main-navigation.toggled ul li a {
        color: #ffffff !important;
    }
    .main-navigation.toggled ul li a:hover {
        color: #ffa540 !important;
    }
}
/* Ensure the logo is always visible in the header */
.site-logo img {
    opacity: 1 !important;
    visibility: visible !important;
}

/* Style submenu links so they’re readable */
.main-navigation ul ul li a {
    color: #ffffff !important;        /* white text */
    background-color: #3c3950;        /* same dark background as menu */
}

.main-navigation ul ul li a:hover {
    color: #ffa540 !important;        /* orange hover color */
    background-color: #4a4770;        /* slightly lighter background on hover */
}