/*
 * WCAG 2 AA/AAA fixes for elements that plugins (Elementor, JetElements,
 * NextGEN Gallery) render with markup we cannot edit directly.
 * Paired with assets/js/wcag.js for issues that need DOM changes
 * (landmarks, headings, skip link, links without text).
 */

/* -------------------------------------------------
   1. Colour contrast (AA 4.5:1 / AAA 7:1)
   Header + footer are both on the #26529d navy background
   (see #mobilemenu_topbar, #footerConatiner). White text gives
   ~7.56:1 against that background, clearing AA and AAA.
   ------------------------------------------------- */

#menu-1-d5e386d .elementor-item,
#menu-1-d5e386d .elementor-item-active,
.elementor-nav-menu--main .elementor-item,
.elementor-nav-menu--main .elementor-item-active {
	color: #ffffff !important;
}

/* Close buttons on the SZTPLUSZ corner boxes: the semi-transparent
   background (rgba(255,255,255,.25)) makes contrast unmeasurable
   (NaN) and drops below AAA on light backdrops. Use an opaque
   background instead. */
#boxLeft .close-btn,
#boxRight .close-btn,
.close-btn {
	background: #ffffff !important;
	color: #1a1a1a !important;
	border-color: #1a1a1a !important;
}

#boxLeft .close-btn:hover,
#boxRight .close-btn:hover,
.close-btn:hover {
	background: #1a1a1a !important;
	color: #ffffff !important;
}

/* -------------------------------------------------
   2. Touch target size (min 24x24 CSS px + spacing)
   ------------------------------------------------- */

.elementor-icon,
a.elementor-item,
.jet-mega-menu-item__link,
.jet-mega-menu-toggle,
.close-btn,
.skip-link {
	min-width: 24px;
	min-height: 24px;
	box-sizing: border-box;
}

.elementor-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 4px;
}

/* The corner-box close button is shrunk below 24px by transform:
   scale(0.8) on a 28x32 base box (=> 22.4x25.6). Enlarge the base
   so the scaled result still clears 24px in both dimensions. */
.close-btn {
	width: 34px !important;
	height: 38px !important;
}

/* Keep adjacent inline nav/menu items from touching so their hit
   areas don't overlap on small viewports. */
.elementor-nav-menu--main .menu-item + .menu-item,
.jet-mega-menu .jet-mega-menu-item + .jet-mega-menu-item {
	margin-left: 4px;
}

/* -------------------------------------------------
   3. Visual style for JS-added helper elements
   ------------------------------------------------- */

.wcag-visually-hidden {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	white-space: nowrap !important;
	border: 0 !important;
}

/* Landmark wrapper injected around the skip link (see wcag.js) must
   not change layout. */
.wcag-skip-nav {
	display: contents;
}