/* ==========================================================================
   CyberBuzz — Header / Navigation Overrides
   Top-level menu, dropdown sub-menu, search modal — all themed via tokens
   so they work in both dark and light modes.
   ========================================================================== */

/* --- Top-level navigation links --- */
.header-menu-1 > ul > li > .ct-menu-link {
    color: var(--cb-text) !important;
}
.header-menu-1 > ul > li:hover > .ct-menu-link,
.header-menu-1 > ul > li.current-menu-item > .ct-menu-link,
.header-menu-1 > ul > li.current-menu-ancestor > .ct-menu-link,
.header-menu-1 > ul > li > .ct-menu-link:hover,
.header-menu-1 > ul > li > .ct-menu-link:focus {
    color: var(--cb-accent) !important;
}

/* --- Dropdown sub-menu (NEWS dropdown) --- */
.header-menu-1 .sub-menu {
    background-color: var(--cb-bg) !important;
    border: 1px solid rgba(57, 255, 20, 0.25) !important;
    box-shadow: var(--cb-shadow-md) !important;
    border-radius: var(--cb-radius-sm) !important;
    padding: var(--cb-space-2) 0 !important;
}
.header-menu-1 .sub-menu .ct-menu-link {
    color: var(--cb-text) !important;
    transition:
        color var(--cb-duration-fast) var(--cb-ease),
        background-color var(--cb-duration-fast) var(--cb-ease) !important;
}
.header-menu-1 .sub-menu li:hover > .ct-menu-link,
.header-menu-1 .sub-menu li.current-menu-item > .ct-menu-link,
.header-menu-1 .sub-menu .ct-menu-link:hover,
.header-menu-1 .sub-menu .ct-menu-link:focus {
    color: var(--cb-accent) !important;
    background-color: var(--cb-bg-elevated) !important;
}
.header-menu-1 .sub-menu li + li {
    border-top: 1px solid rgba(57, 255, 20, 0.08) !important;
}

/* --- Search modal: magnifier icon contrasts with green submit button --- */
.ct-search-form .ct-search-button-content,
.ct-search-form .ct-search-button-content path,
.ct-search-form button svg,
.ct-search-form button svg path {
    fill: var(--cb-accent-text) !important;
    color: var(--cb-accent-text) !important;
}

/* --- Text selection: subtle highlight, keeps text readable --- */
::selection {
    background-color: var(--cb-border) !important;
    color: var(--cb-text) !important;
    text-shadow: none !important;
}
::-moz-selection {
    background-color: var(--cb-border) !important;
    color: var(--cb-text) !important;
    text-shadow: none !important;
}