/* === NAVIGATION / MENU === */
.wp-block-navigation,
.nav-menu,
.primary-navigation {
    background-color: #121212; /* Dark navbar background */
    color: #EAEAEA; /* Light gray text for menu items */
    font-family: 'Oswald', sans-serif;
    font-weight: 700;
    font-size: 16px;
    padding: 1em 1.5em;
}

/* Menu links */
.wp-block-navigation a,
.nav-menu a,
.primary-navigation a {
    color: #EAEAEA; /* Light gray text */
    text-decoration: none;
    transition: all 0.2s ease-in-out;
}

/* Menu link hover */
.wp-block-navigation a:hover,
.nav-menu a:hover,
.primary-navigation a:hover {
    color: #FFDD00; /* Bright yellow on hover */
    text-decoration: underline;
}

/* Dropdown menus */
.nav-menu .sub-menu,
.wp-block-navigation .sub-menu {
    background-color: #1A1A1A; /* Slightly lighter dark for submenus */
    border-radius: 6px;
    padding: 0.5em 0;
}

.nav-menu .sub-menu a,
.wp-block-navigation .sub-menu a {
    color: #EAEAEA; /* Same light gray for submenu links */
}

.nav-menu .sub-menu a:hover,
.wp-block-navigation .sub-menu a:hover {
    color: #FFDD00; /* Yellow hover effect */
}