/* ==========================================================================
   Top navigation — subtle brand accent (gold underline) on hover/active
   Once theme markup confirmed: .navbar-primary > .navbar-wrap >
   .navbar-container > .navbar-content > .navbar-col > (menu injected here)
   Scoped broadly to .navbar-primary .navbar-col so it catches whatever
   list/link classes the theme's menu-render function outputs.
   ========================================================================== */

.navbar-primary .navbar-col a,
.main-navigation .menu li a,
.main-navigation ul.nav-menu li a,
#site-navigation .menu li a {
    position: relative;
    font-weight: 500;
    letter-spacing: .02em;
    color: #2B2620;
    transition: color .15s ease;
}

.navbar-primary .navbar-col li a::after,
.main-navigation .menu li a::after,
.main-navigation ul.nav-menu li a::after,
#site-navigation .menu li a::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -4px;
    height: 2px;
    background: #D9A441;
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .2s ease;
}

.navbar-primary .navbar-col a:hover,
.main-navigation .menu li a:hover,
.main-navigation ul.nav-menu li a:hover,
#site-navigation .menu li a:hover {
    color: #8C2F39;
}

.navbar-primary .navbar-col li a:hover::after,
.main-navigation .menu li a:hover::after,
.main-navigation ul.nav-menu li a:hover::after,
#site-navigation .menu li a:hover::after {
    transform: scaleX(1);
}

/* current page — persistent underline, no hover needed */
.navbar-primary .navbar-col li.current-menu-item > a,
.navbar-primary .navbar-col li.current_page_item > a,
.main-navigation .menu li.current-menu-item > a,
.main-navigation ul.nav-menu li.current-menu-item > a,
#site-navigation .menu li.current-menu-item > a,
.main-navigation .menu li.current_page_item > a,
#site-navigation .menu li.current_page_item > a {
    color: #8C2F39;
}

.navbar-primary .navbar-col li.current-menu-item > a::after,
.navbar-primary .navbar-col li.current_page_item > a::after,
.main-navigation .menu li.current-menu-item > a::after,
.main-navigation ul.nav-menu li.current-menu-item > a::after,
#site-navigation .menu li.current-menu-item > a::after,
.main-navigation .menu li.current_page_item > a::after,
#site-navigation .menu li.current_page_item > a::after {
    transform: scaleX(1);
}