/**
 * PAA frontend styles: language switchers (dark theme).
 *
 * 1. Top-nav switcher dropdown: dark panel matching the header (#0a0a0a),
 *    white items like the native menu. Selectors intentionally mirror and
 *    exceed the specificity of Salient's dynamic submenu rules
 *    (body:not(...) #top .sf-menu li ul ...), which also use !important.
 * 2. WPML footer switcher: transparent link backgrounds over the black
 *    footer strip, gray -> white on hover, current language in white.
 */

/* --- Top-nav language switcher dropdown: panel --- */
body #top nav .sf-menu li.paa-lang-switcher ul.sub-menu,
body #header-outer .sf-menu li.paa-lang-switcher ul,
body #top .sf-menu li.paa-lang-switcher li ul {
	background-color: #0a0a0a !important;
}

/* Items at rest: transparent bg, white text */
body #top nav .sf-menu li.paa-lang-switcher ul.sub-menu li a {
	background-color: transparent !important;
}

body #top nav .sf-menu li.paa-lang-switcher ul.sub-menu li a,
body #top nav .sf-menu li.paa-lang-switcher ul.sub-menu li a .menu-title-text {
	color: #ffffff !important;
}

/* Hover: the theme paints the item white; switch the text to black so it
   reads as an inverted state. */
body #top nav .sf-menu li.paa-lang-switcher ul.sub-menu li a:hover,
body #top nav .sf-menu li.paa-lang-switcher ul.sub-menu li a:focus,
body #top nav .sf-menu li.paa-lang-switcher ul.sub-menu li a:hover .menu-title-text,
body #top nav .sf-menu li.paa-lang-switcher ul.sub-menu li a:focus .menu-title-text,
body #top nav .sf-menu li.paa-lang-switcher ul.sub-menu li.sfHover > a,
body #top nav .sf-menu li.paa-lang-switcher ul.sub-menu li.sfHover > a .menu-title-text {
	color: #0a0a0a !important;
}

/* --- Footer language switcher (plugin-rendered) --- */
.paa-footer-lang-switcher {
	background-color: #000000;
	text-align: center;
	padding: 18px 0 22px;
}

.paa-footer-lang-switcher ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.paa-footer-lang-switcher li.paa-fls-item {
	display: inline-block;
	margin: 0 14px;
}

.paa-footer-lang-switcher li.paa-fls-item a {
	color: #999999;
	font-size: 13px;
	letter-spacing: 1px;
	text-decoration: none;
	transition: color 0.2s ease;
}

.paa-footer-lang-switcher li.paa-fls-item a:hover,
.paa-footer-lang-switcher li.paa-fls-item a:focus {
	color: #ffffff;
}

.paa-footer-lang-switcher li.paa-fls-current a {
	color: #ffffff;
}