/*
 * Terrell Builders — "Light (Black)" colour scheme repair
 * ======================================================
 *
 * The site runs the theme's `lightblack` colour scheme. `css/lightblack.css` is
 * byte-identical between Catch Kathmandu 3.3 and 4.4.3 — but the menu markup it
 * targets is not. Upstream rebuilt the menus in 4.2.1 and never updated the
 * colour-scheme sheets, so these selectors in lightblack.css now match nothing:
 *
 *     .header-sidebar .widget ul.menu ul a     (sub-menu panels)
 *     .header-sidebar .widget ul.menu li:hover > a, ... .current-menu-item > a
 *     #secondary-menu ul.menu ul a
 *     #secondary-menu ul.menu li:hover > a, #secondary-menu .menu .current-* > a
 *     .sb-holder, .sb-options, .sb-options a   (the retired mobile select menu)
 *
 * Without this file the menus fall back to the theme's default blue (#21759b /
 * #2581aa / #1b5F7d) for hover and current-page states, instead of the scheme's
 * black (#222 / #333) — which is plainly visible on the current page's menu item
 * in both the header menu and the secondary bar.
 *
 * Enqueued by functions.php only while `lightblack` is the selected scheme.
 *
 * NOTE: css/dark.css has the same stale selectors upstream. If the site is ever
 * switched to the Dark scheme, it will need the same treatment.
 */


/* Sub-menu panels — lightblack.css lines: `... ul.menu ul a { background-color: #333 }`
   and the matching `border-color: #222`. */
#header-right .main-navigation ul ul,
#secondary-menu-wrapper .secondary-navigation ul ul,
#header-right .main-navigation ul ul a,
#secondary-menu-wrapper .secondary-navigation ul ul a {
	background-color: #333;
	border-color: #222;
}


/* Hover, focus and current-page items — lightblack.css `background-color: #222`. */
#header-right .main-navigation li:hover > a,
#header-right .main-navigation li:focus > a,
#header-right .main-navigation a:focus,
#header-right .main-navigation .current-menu-item > a,
#header-right .main-navigation .current-menu-ancestor > a,
#header-right .main-navigation .current-page-ancestor > a,
#header-right .main-navigation .current_page_item > a,
#header-right .main-navigation .current_page_ancestor > a,
#secondary-menu-wrapper .secondary-navigation li:hover > a,
#secondary-menu-wrapper .secondary-navigation li:focus > a,
#secondary-menu-wrapper .secondary-navigation a:focus,
#secondary-menu-wrapper .secondary-navigation .current-menu-item > a,
#secondary-menu-wrapper .secondary-navigation .current-menu-ancestor > a,
#secondary-menu-wrapper .secondary-navigation .current-page-ancestor > a,
#secondary-menu-wrapper .secondary-navigation .current_page_item > a,
#secondary-menu-wrapper .secondary-navigation .current_page_ancestor > a {
	background-color: #222;
}


/* The secondary bar itself. 3.3 painted `#secondary-menu`, which in 4.x is the
   <ul> rather than the bar; the wrapper behind it keeps the default blue and
   can show through. */
#secondary-menu-wrapper {
	background-color: #333;
}


/* Mobile menu. 3.3's collapsed menu was a styled <select> (.sb-holder / .sb-options,
   #222 and #333 in this scheme). 4.x replaced it with a toggle button and panel;
   these give the replacement the same two tones. */
@media screen and (max-width: 767px) {

	.menu-toggle,
	.menu-toggle:hover,
	.menu-toggle:focus {
		background-color: #222;
	}

	.menu-inside-wrapper {
		background-color: #333;
	}
}