/* --- SECONDARY NAVIGATION STYLING - COLORS AND STATES ONLY --- */

/* 0. Alignment fix - remove any left padding/margin from container to align with primary nav */
#tertiary-navigation .inside-navigation {
    padding-left: 0;
    margin-left: 0;
}

/* 1. Set the black background for the navigation bar */
#tertiary-navigation {
    background-color: #222222;
    border-top: 1px solid #eaac00; /* Gold top border matching primary nav */
}

/* 2. Style the link text - white color, uppercase, with spacing to create boxes */
#tertiary-navigation ul.menu a {
    color: #ffffff;
    text-decoration: none;
    text-transform: uppercase;
    padding: 10px 15px; /* Add padding to create space around text (creates the "box" effect) */
    display: inline-block; /* Allows padding to work properly */
}

/* 3. Active/Current menu item - gold background with black text (matching primary nav) */
#tertiary-navigation ul.menu li.current-menu-item > a,
#tertiary-navigation ul.menu li.current_page_item > a,
#tertiary-navigation ul.menu li.current-menu-ancestor > a,
#tertiary-navigation ul.menu li.current_page_ancestor > a {
    background-color: #eaac00; /* Match primary nav gold */
    color: #000000;
}

/* 4. Hover state - match primary nav gold color */
#tertiary-navigation ul.menu a:hover {
    background-color: #eaac00; /* Match primary nav gold */
    color: #000000;
}