/* PollCheck US header: the UK navbar (/style.css classes) with US items, on the US pages
   (/us/) and the midterms pages (/us-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; }