/* BWA brand-corpus contrast fix — linked AFTER brand-corpus-generated.css.
   Repairs the one place the brand re-theme gets wrong: the
   'header a { color: light !important }' override bleeds into in-header dropdown
   panels + search, turning their text light-on-light. Selectors here use 3x :not()
   so they reach specificity (0,5,1) and beat the brand rule's (0,4,2). Linked (not
   inline) so the framework's strict-dynamic / nonce CSP does not block it. */

/* ---- Dropdown panels (Bootstrap navbar dropdowns) ---- */
.dropdown-menu,
header .dropdown-menu,
.navbar .dropdown-menu,
.site-header .dropdown-menu,
#header .dropdown-menu {
    background-color: var(--bwa-color-bg-1, #fff) !important;
    border-color: var(--bwa-color-bg-2, rgba(0, 0, 0, .12)) !important;
}

header .dropdown-menu .dropdown-item:not(.nav-link):not(.disabled):not(.btn),
.navbar .dropdown-menu .dropdown-item:not(.nav-link):not(.disabled):not(.btn),
#header .dropdown-menu .dropdown-item:not(.nav-link):not(.disabled):not(.btn),
.site-header .dropdown-menu .dropdown-item:not(.nav-link):not(.disabled):not(.btn),
header .dropdown-menu a:not(.btn):not(.nav-link):not([class*=cta]) {
    color: var(--bwa-color-ink-1, #1a1a1a) !important;
}

header .dropdown-menu .dropdown-item:not(.nav-link):not(.disabled):hover,
header .dropdown-menu .dropdown-item:not(.nav-link):not(.disabled):focus,
.navbar .dropdown-menu .dropdown-item:not(.nav-link):not(.disabled):hover,
#header .dropdown-menu .dropdown-item:not(.nav-link):hover {
    background-color: var(--bwa-color-bg-2, #f0f0f0) !important;
    color: var(--bwa-color-primary) !important;
}

header .dropdown-menu .dropdown-item.active:not(.nav-link),
header .dropdown-menu .dropdown-item:active:not(.nav-link) {
    background-color: var(--bwa-color-primary) !important;
    color: var(--bwa-color-bg-1, #fff) !important;
}

/* ---- AccessibleMegaMenu dropdown panels (also inside <header>) ---- */
.bwa-mega-menu__panel,
.bwa-mega-menu__submenu {
    background-color: var(--bwa-color-bg-1, #fff) !important;
}

header .bwa-mega-menu__panel a,
header .bwa-mega-menu__submenu a,
.bwa-mega-menu__sublink,
.bwa-mega-menu__panel a:not(.btn),
.bwa-mega-menu__sublink-title {
    color: var(--bwa-color-ink-1, #1a1a1a) !important;
}

header .bwa-mega-menu__panel a:hover,
.bwa-mega-menu__sublink:hover,
.bwa-mega-menu__sublink:focus {
    color: var(--bwa-color-primary) !important;
    background-color: var(--bwa-color-bg-2, #f0f0f0) !important;
}

.bwa-mega-menu__sublink-desc {
    color: var(--bwa-color-ink-2, #666) !important;
}

/* ---- Search box + nav magnifier icon ---- */
.searchMagnifierInput,
input[type=search],
input[type=text][class*=search] {
    color: var(--bwa-color-ink-1, #1a1a1a) !important;
    background-color: var(--bwa-color-bg-1, #fff) !important;
    border-color: var(--bwa-color-bg-2, rgba(0, 0, 0, .12)) !important;
}

.searchMagnifierInput::placeholder,
input[type=search]::placeholder {
    color: var(--bwa-color-ink-2, #888) !important;
}

header .searchMagnifierIcon,
header [class*=search] svg,
header [class*=search] i,
header a[class*=search],
.navbar [class*=search] svg {
    color: var(--bwa-color-bg-1, #fff) !important;
    fill: var(--bwa-color-bg-1, #fff) !important;
}

header .searchMagnifierIcon:hover,
header a[class*=search]:hover,
header [class*=search]:hover svg {
    color: var(--bwa-color-accent, var(--bwa-color-primary)) !important;
    fill: var(--bwa-color-accent, var(--bwa-color-primary)) !important;
}

/* The nav search field renders as a wide white ELLIPSE (oversized border-radius on
   a full-width element). Constrain it to a normal rounded box at a sane width so it
   isn't a giant white blob on the brand nav. */
header .searchMagnifierInput,
header input[type=search],
.navbar input[type=search],
header [class*=search] input {
    border-radius: 8px !important;
    max-width: 380px !important;
    height: auto !important;
    aspect-ratio: auto !important;
}

/* ---- Mobile expanded nav (navbar-collapse) ----
   The brand file forces collapsed-menu links to the (dark) primary, which is
   low-contrast on the magenta header surface the expanded menu inherits. The
   expanded menu is the same dark header bar, so its links must be LIGHT like the
   desktop top-bar links. Specificity (0,2,1)+ beats the brand rule's (0,2,0). */
@media (max-width: 991.98px) {
    header .navbar-collapse .nav-link,
    header .navbar-collapse .nav-item > a,
    header .navbar-collapse li > a,
    #header .navbar-collapse .nav-link,
    .site-header .navbar-collapse .nav-link,
    .navbar-collapse .nav-link,
    .navbar-collapse .navbar-brand {
        color: var(--bwa-color-header-text, var(--bwa-color-bg-1, #fff)) !important;
    }

    header .navbar-collapse .nav-link:hover,
    header .navbar-collapse .nav-link:focus,
    .navbar-collapse a:hover {
        color: var(--bwa-color-bg-2, #f0f0f0) !important;
    }

    /* dropdown-toggle carets + any in-menu icons stay light too */
    header .navbar-collapse .dropdown-toggle::after,
    .navbar-collapse .nav-link svg,
    .navbar-collapse .nav-link i {
        color: var(--bwa-color-header-text, var(--bwa-color-bg-1, #fff)) !important;
    }
}

/* NOTE: font tokens are intentionally NOT redefined here. Each site's own
   brand-corpus-generated.css owns --bwa-font-* so every tenant keeps its own
   brand fonts. (A previous version hardcoded Anthropic Sans/Mono here and, because
   this file is shared across sites, wrongly forced those fonts onto CJPublic / BWA
   Website. Generic fallbacks belong in the per-site generated file, not here.) */