/* PollCheck US header: the UK navbar (/style.css classes) with US items, on the US pages
   (/) and the midterms pages (/midterms-2026); markup from us_site/subnav.py. */

/* yellow US tag beside the logo, same gold as the logo mark */
.us-header .nav-logo-us {
    align-self: flex-start; margin: 1px 0 0 -2px;
    font-size: 13px; font-weight: 700; letter-spacing: 0.12em; line-height: 1;
    color: #fbbf24;
}

/* theme switch on the navy bar */
.us-theme {
    flex-shrink: 0; display: inline-flex; align-items: center; justify-content: center;
    width: 36px; height: 36px; margin: 0 0 0 4px; padding: 0; cursor: pointer; box-sizing: border-box;
    background: transparent; color: #fff; border: 1px solid rgba(255, 255, 255, 0.25); border-radius: 6px;
}
.us-theme:hover { background: rgba(255, 255, 255, 0.12); }
.us-theme .pc-theme-icon { display: none; }
body:not(.dark-mode) .us-theme .pc-theme-icon-moon { display: block; }
body.dark-mode .us-theme .pc-theme-icon-sun { display: block; }
@media (max-width: 768px) {
    .us-theme { margin: 0 6px 0 0; }
}

/* the same tag in the US footer heading (us_site/static_pages.py) */
.us-foot-tag { font-size: 0.7em; letter-spacing: 0.12em; color: #fbbf24; }

/* Swingometer, the main product (us_site/subnav.py FEATURED): bold, with the bar's gold as an underline.
   The bar is navy in light and dark mode and in the phone menu, so white on navy reads in all three. */
.us-header .nav-link.us-nav-feature {
    font-weight: 700;
    text-decoration: underline; text-decoration-color: #fbbf24;
    text-decoration-thickness: 2px; text-underline-offset: 5px;
}