/* Shared PADMA masthead; load after page styles. */
.site-header {
    background-color: var(--primary-color);
    color: var(--white);
}

.site-header a:not(.btn) {
    color: var(--white);
}

.site-header a:not(.btn):hover,
.site-header a:not(.btn):focus-visible {
    color: var(--white);
    text-decoration: underline;
}

.site-header a > img {
    width: 36px;
    height: 40px;
    object-fit: contain;
}

.site-header :focus-visible {
    outline: 3px solid var(--white);
    outline-offset: 4px;
}

/* One accessible control size across all page styles and breakpoints. */
.site-header .form-select {
    /* Keep the control light inside the inverse masthead, including native options. */
    color-scheme: light;
    color: var(--text-dark);
    background-color: var(--white);
    border-color: var(--border-light);
    --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23333' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    width: auto;
    min-width: 8rem;
    min-height: 44px;
    font-size: 0.875rem;
}

.site-header .btn-outline-primary {
    --bs-btn-color: var(--white);
    --bs-btn-border-color: var(--white);
    --bs-btn-hover-color: var(--primary-color);
    --bs-btn-hover-bg: var(--white);
    --bs-btn-hover-border-color: var(--white);
}

.site-header .btn-outline-primary {
    --bs-btn-active-color: var(--primary-color);
    --bs-btn-active-bg: var(--white);
    --bs-btn-active-border-color: var(--white);
    --bs-btn-disabled-color: var(--white);
    --bs-btn-disabled-border-color: var(--white);
}