/* ==========================================================================
   ULA HEADER: utility bar (Enfold "secondary menu" bar) + main nav + mobile menu
   Desktop >= 990px: text menu.  < 990px: burger + full-width overlay (Enfold "mobile_menu_tablet").
   ========================================================================== */

/* ---- Utility bar ---------------------------------------------------------- */
#top #header_meta {
	background: var(--ula-light-blue);
	border: 0;
	min-height: var(--ula-utility-height);
}
#top #header_meta .container {
	display: flex;
	align-items: center;
	justify-content: space-between;
	min-height: var(--ula-utility-height);
}
#top #header_meta nav.sub_menu {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex: 1 1 auto;
	float: none;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
}
#top #header_meta .sub_menu > ul {
	order: 2;
	display: flex;
	align-items: center;
	gap: 50px;
	margin: 0 0 0 auto;
	padding: 0;
	float: none;
}
#top #header_meta .sub_menu > ul > li {
	float: none;
	margin: 0;
	padding: 0;
	border: 0;
	background: none;
	height: auto;
	line-height: 1;
}
#top #header_meta .sub_menu > ul > li > a {
	font: 600 22px/34px var(--ula-body-font);
	color: var(--ula-text);
	background: none;
	border: 0;
	padding: 0;
	height: auto;
	text-decoration: none;
}
#top #header_meta .sub_menu > ul > li > a:hover { color: var(--ula-burnt-orange); }
#top #header_meta .sub_menu > ul > li.ula-util-donate > a {
	display: inline-block;
	background: var(--ula-burnt-orange);
	color: #fff;
	width: 120px;
	height: 50px;
	padding: 10px 0;
	text-align: center;
	line-height: 30px;
	transition: background-color .2s;
}
#top #header_meta .sub_menu > ul > li.ula-util-donate > a:hover { background: #8f3c1b; color: #fff; }

/* ---- Translate dropdown ---------------------------------------------------- */
.ula-translate {
	/* Open-panel row states — text-only: default #28373F; hover+selected #0F75BC; bg transparent. */
	--ula-translate-fg: #28373F;
	--ula-translate-fg-hover: #0F75BC; /* Matthew: hover = selected blue, not gray */
	--ula-translate-fg-selected: #0F75BC;
	--ula-translate-bg: transparent;
	--ula-translate-bg-hover: transparent;
	--ula-translate-bg-selected: transparent;
	order: 1;
	position: relative;
	width: 250px;
	flex: 0 0 250px;
}
.ula-translate__button {
	display: flex;
	align-items: center;
	width: 250px;
	height: 50px;
	padding: 9px 20px;
	box-sizing: border-box;
	background: #0F75BC;
	color: #fff;
	border: 0;
	border-radius: 0;
	font: 600 22px/34px var(--ula-body-font);
	cursor: pointer;
	text-align: left;
}
.ula-translate__button:hover { background: #0c5f9a; }
.ula-translate__globe { width: 32px; height: 28px; margin-right: 15px; flex: 0 0 auto; }
.ula-translate__current { flex: 1 1 auto; min-width: 0; }
/* Figma caret Vector 1: 16×8, 2px white stroke; rotate 180° when open (points up). */
.ula-translate__chevron {
	width: 16px;
	height: 8px;
	flex: 0 0 auto;
	margin-left: 8px;
	transition: transform .2s;
}
.ula-translate__button[aria-expanded="true"] .ula-translate__chevron { transform: rotate(180deg); }

/* Panel: flush under button, same width, #FFF, 2px #0F75BC inside, pad 20, gap 20, radius 0, no shadow.
   Beat Enfold .header_color ul border-color (#A7D0EC). */
#top #header_meta .ula-translate__list,
.ula-translate__list {
	position: absolute;
	z-index: 200;
	top: 50px;
	left: 0;
	width: 250px;
	margin: 0;
	padding: 20px;
	list-style: none;
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: 20px;
	background: #fff;
	border: 2px solid #0F75BC;
	border-color: #0F75BC;
	border-radius: 0;
	box-shadow: none;
	box-sizing: border-box;
	overflow: visible;
}
.ula-translate__list[hidden] { display: none; }
#top #header_meta .ula-translate__list { float: none; height: auto; }
#top #header_meta .ula-translate__list[hidden] { display: none; }
#top #header_meta .ula-translate__list li {
	float: none;
	display: block;
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
	border: 0;
	list-style: none;
	line-height: 0;
}
.ula-translate__option {
	display: block;
	width: 100%;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	border: 0;
	background: var(--ula-translate-bg);
	/* Figma H5 SemiBold 18/28 with cap-height trim ≈ 16–18px layout box; keep glyphs unclipped. */
	font: 600 18px/18px var(--ula-body-font);
	letter-spacing: 0;
	color: var(--ula-translate-fg);
	text-align: left;
	cursor: pointer;
	overflow: visible;
}
.ula-translate__option:hover,
.ula-translate__option:focus-visible {
	background: var(--ula-translate-bg-hover);
	color: var(--ula-translate-fg-hover);
}
.ula-translate__option[aria-current="true"],
.ula-translate__option:active {
	background: var(--ula-translate-bg-selected);
	color: var(--ula-translate-fg-selected);
}
.ula-gt-host { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
/* Hide Google's own banner/tooltips; the page must not be shifted down. */
body > .skiptranslate, .goog-te-banner-frame, #goog-gt-tt, .goog-tooltip, .goog-te-balloon-frame,
iframe.skiptranslate, .VIpgJd-ZVi9od-aZ2wEe-wOHMyf, .VIpgJd-ZVi9od-ORHb-OEVmcd, .VIpgJd-yAWNEb-L7lbkb { display: none !important; visibility: hidden !important; pointer-events: none !important; }
body { top: 0 !important; }
.ula-translate .goog-te-gadget, .ula-translate .skiptranslate { pointer-events: none; }
.goog-text-highlight { background: none !important; box-shadow: none !important; }

/* ---- Main bar -------------------------------------------------------------- */
#top #header_main { border: 0; box-shadow: none; }
#top #header_main > .container {
	height: var(--ula-nav-height);
	display: flex;
	align-items: center;
}
#top #header_main .inner-container {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	height: var(--ula-nav-height);
}
#top #header_main .logo { position: relative; top: auto; left: auto; float: none; flex: 0 0 auto; height: auto; padding: 0; margin: 0; display: block; }
#top #header_main .logo a { display: block; height: auto; }
#top #header_main .logo img {
	display: block;
	width: 151px;
	height: 95px;
	max-width: none;
	max-height: none;
	padding: 0;
	margin: 0;
}
#top #header_main .main_menu {
	float: none;
	position: static;
	height: auto;
	margin: 0;
	padding: 0;
}
#top #header_main .main_menu .avia-menu { float: none; height: auto; }
#top #avia-menu.av-main-nav { display: flex; align-items: center; margin: 0; height: auto; }
#top #avia-menu.av-main-nav > li {
	float: none;
	margin: 0 0 0 clamp(20px, 3.47vw, 50px);   /* Figma: 50px between items at 1440 */
	height: auto;
	line-height: 1;
}
#top #avia-menu.av-main-nav > li > a {
	padding: 0 !important;
	height: auto !important;
	line-height: 34px !important;
	font: 600 22px/34px var(--ula-body-font);
	color: var(--ula-text);
	background: none;
	border: 0;
	text-decoration: none;
}
#top #avia-menu.av-main-nav > li > a .avia-bullet,
#top #avia-menu.av-main-nav > li > a .avia-menu-fx { display: none; }
#top #avia-menu.av-main-nav > li > a:hover,
#top #avia-menu.av-main-nav > li.current-menu-item > a,
#top #avia-menu.av-main-nav > li.current-menu-ancestor > a,
#top #avia-menu.av-main-nav > li.current_page_item > a,
#top #avia-menu.av-main-nav > li.current-menu-parent > a,
#top #avia-menu.av-main-nav > li:focus-within > a { color: var(--ula-burnt-orange); background: none; }

/* ---- Desktop dropdown ------------------------------------------------------ */
#top #avia-menu.av-main-nav li { position: relative; }
#top #avia-menu.av-main-nav > li > ul.sub-menu {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	margin: 0;
	padding: 22px;
	min-width: 300px;
	width: max-content;
	background: #fff;
	border: 2px solid var(--ula-burnt-orange);
	box-shadow: none;
	z-index: 150;
}
/* Hover bridge so the panel stays open when moving the mouse down to it. */
#top #avia-menu.av-main-nav > li.menu-item-has-children > a::after {
	content: "";
	position: absolute;
	left: -10px; right: -10px; top: 100%;
	height: 36px;
}
#top #avia-menu.av-main-nav > li:hover > ul.sub-menu,
#top #avia-menu.av-main-nav > li:focus-within > ul.sub-menu,
#top #avia-menu.av-main-nav > li.ula-open > ul.sub-menu { display: block; }
#top #avia-menu.av-main-nav ul.sub-menu li { float: none; margin: 0; padding: 0; border: 0; background: none; width: auto; }
#top #avia-menu.av-main-nav ul.sub-menu > li > a {
	display: block;
	float: none;
	width: auto;
	min-height: 0;
	padding: 4px 10px !important;
	margin: 0 0 8px;
	background: none;
	border: 0;
	font: 600 22px/34px var(--ula-body-font);
	color: var(--ula-text);
	text-decoration: none;
	white-space: nowrap;
}
#top #avia-menu.av-main-nav ul.sub-menu > li:last-child > a { margin-bottom: 0; }
/* Matthew: hover bg #F7941D (text #28373F — 5.39:1); active/current #BA5025 (text #fff — 4.93:1). */
#top #avia-menu.av-main-nav ul.sub-menu > li > a:hover,
#top #avia-menu.av-main-nav ul.sub-menu > li > a:focus-visible {
	background: #F7941D;
	color: #28373F;
}
#top #avia-menu.av-main-nav ul.sub-menu > li > a:active,
#top #avia-menu.av-main-nav ul.sub-menu > li.current-menu-item > a,
#top #avia-menu.av-main-nav ul.sub-menu > li.current-menu-ancestor > a {
	background: #BA5025;
	color: #fff;
}
#top #avia-menu.av-main-nav ul.sub-menu .avia-bullet { display: none; }
/* Level 3: shown inline under its parent. */
#top #avia-menu.av-main-nav ul.sub-menu ul.sub-menu {
	display: block !important;
	position: static;
	margin: 0 0 8px;
	padding: 0 0 0 30px;
	border: 0;
	box-shadow: none;
	background: none;
	opacity: 1 !important;
	visibility: visible !important;
	height: auto !important;
	width: auto !important;
	min-width: 0 !important;
	left: auto !important;
}
#top #avia-menu.av-main-nav ul.sub-menu ul.sub-menu > li { visibility: visible; height: auto; opacity: 1; width: auto; }
#top #avia-menu.av-main-nav ul.sub-menu ul.sub-menu > li > a {
	font: 600 18px/28px var(--ula-body-font);
	margin: 0 0 4px;
	padding: 2px 8px !important;
}
#top #avia-menu.av-main-nav ul.sub-menu ul.sub-menu > li > a:hover,
#top #avia-menu.av-main-nav ul.sub-menu ul.sub-menu > li > a:focus-visible {
	background: #F7941D;
	color: #28373F;
}
#top #avia-menu.av-main-nav ul.sub-menu ul.sub-menu > li > a:active,
#top #avia-menu.av-main-nav ul.sub-menu ul.sub-menu > li.current-menu-item > a,
#top #avia-menu.av-main-nav ul.sub-menu ul.sub-menu > li.current-menu-ancestor > a {
	background: #BA5025;
	color: #fff;
}
#top #avia-menu.av-main-nav > li:last-of-type > ul.sub-menu,
#top #avia-menu.av-main-nav > li.menu-item-has-children:nth-last-child(-n+3) > ul.sub-menu { left: auto; right: 0; }   /* About Us + Resources dropdowns hang from their right edge so they stay inside the viewport */

/* ---- Burger / mobile ------------------------------------------------------- */
.av-burger-menu-main > a { padding: 0 !important; }
.av-hamburger { padding: 0; margin: 0; background: none; border: 0; }
.av-hamburger-box { display: block; width: 34px; height: 29px !important; background: url('../images/icons/hamburger-open.svg') center / 34px 29px no-repeat; }
.av-hamburger .av-hamburger-inner { display: none !important; }
.av-hamburger.is-active .av-hamburger-box { background-image: url('../images/icons/hamburger-close.svg'); background-size: 31px 31px; }

@media (max-width: 989px) {
	#top #header_meta { min-height: 90px; }
	#top #header_meta .container { min-height: 90px; padding: 20px 0; align-items: flex-start; }
	#top #header_meta nav.sub_menu { display: block; }
	#top #header_meta .sub_menu > ul { display: none; }   /* Contact/Donate live in the burger menu on mobile */
	.ula-translate, .ula-translate__button { width: 100%; flex-basis: 100%; max-width: 333px; }
	.ula-translate__button {
		width: 100%;
		font: 600 20px/34px var(--ula-body-font); /* Body Mobile SemiBold */
		padding: 9px 20px;
	}
	/* Figma Mobile Translate Dropdown panel 2481:1694: 333×289, pad 20, gap 40, 2px #0F75BC. */
	#top #header_meta .ula-translate__list,
	.ula-translate__list {
		width: 100%;
		top: 50px;
		padding: 20px;
		gap: 40px;
		border: 2px solid #0F75BC;
		border-color: #0F75BC !important;
	}
	#top #header_meta .ula-translate__list li {
		height: auto;
		line-height: 0;
		margin: 0;
		padding: 0;
	}
	.ula-translate__option {
		font: 600 18px/18px var(--ula-body-font);
		padding: 0;
		margin: 0;
		height: auto;
		width: 100%;
		background: var(--ula-translate-bg);
	}
	.ula-translate__option::before { content: none; }

	#top #header_main > .container, #top #header_main .inner-container { height: var(--ula-nav-height); }
	#top #header_main .logo img { width: 127px; height: 80px; }
	/* Figma 393: utility bar 0-90, main band 90-200 (Enfold's -1px bar overlap removed), burger icon 34x29 at x=329 (30px from the right edge), y=131 (41px below the band top) at every width < 990. */
	#top #header_meta { margin-bottom: 0; }
	#top #wrap_all #header_main > .container, #top #wrap_all #header_main .inner-container { height: var(--ula-nav-height); }
	#top #wrap_all #header_main .main_menu { position: absolute; right: -15px; top: 25.75px; height: 59px; width: auto; display: block; margin: 0; padding: 0; }
	#top #avia-menu.av-main-nav { display: block; }
	#top #avia-menu.av-main-nav > li.av-burger-menu-main { display: block; margin: 0; }
	/* Icon stays 34x29; the link has 15px padding each side => 64x59 tap area centred on the icon (nav is offset -15/26 to compensate). */
	#top #avia-menu.av-main-nav > li.av-burger-menu-main > a { line-height: 29px !important; height: 29px !important; display: block; padding: 15px !important; margin: 0; box-sizing: content-box; }

	/* Overlay (Figma "Mobile Menu Dropdown"): the utility bar + logo row stay visible; the white panel starts under them (90 + 110 = 200px, + the admin bar when logged in). */
	:root { --ula-adminbar: 0px; }
	body.admin-bar { --ula-adminbar: 46px; }   /* WP admin bar: 46px below 783px (this block only applies < 990, so 783-989 uses 32px) */
	@media (min-width: 783px) { body.admin-bar { --ula-adminbar: 32px; } }
	.html_av-overlay-side .av-burger-overlay { top: calc(var(--ula-adminbar) + var(--ula-utility-height) + var(--ula-nav-height)); height: auto; bottom: 0; }
	.html_av-overlay-side .av-burger-overlay-scroll { width: 100%; transform: translateX(100%); background: #fff; }
	.html_av-overlay-side .av-burger-overlay-bg { opacity: 0; }
	html.av-burger-overlay-active #top #header_meta { z-index: 101; }   /* translate dropdown can still open over the panel */
	#top #av-burger-menu-ul { padding: 0 !important; }   /* Enfold sets the header height inline; the panel itself now starts below the header */
	.html_av-overlay-side #top #wrap_all #av-burger-menu-ul > li { left: 0; }
	/* Rows: 90px = 88 + 2px #A7D0EC divider; text box 34px at +28 (Figma). */
	.html_av-overlay-side #top #wrap_all .av-burger-overlay li a {
		display: flex; align-items: center;
		min-height: 90px;
		box-sizing: border-box;
		padding: 2px 30px 0 !important;
		font: 600 22px/34px var(--ula-body-font);
		color: var(--ula-text);
		background: #fff;
		border: 0;
		border-bottom: 2px solid var(--ula-light-blue);
	}
	.html_av-overlay-side #top #wrap_all .av-burger-overlay li.ula-mobile-donate > a, .html_av-overlay-side #top #wrap_all .av-burger-overlay li.ula-mobile-donate > a:hover { background: var(--ula-blue); color: #fff !important; }
	.html_av-overlay-side #top #wrap_all .av-burger-overlay li.ula-mobile-donate > a { border-bottom-color: var(--ula-blue) !important; }
	.html_av-overlay-side #top #wrap_all .av-burger-overlay li.ula-mobile-contact > a { border-bottom: 2px solid var(--ula-light-blue); }
	/* #47 Crystal: room under Contact Us so phone UI (home indicator) cannot cover buttons */
	.html_av-overlay-side #top #wrap_all .av-burger-overlay li.ula-mobile-contact {
		padding-bottom: calc(48px + env(safe-area-inset-bottom, 0px));
	}
	.html_av-overlay-side .av-burger-overlay-scroll {
		padding-bottom: calc(24px + env(safe-area-inset-bottom, 0px));
	}
	.html_av-overlay-side #top #wrap_all .av-burger-overlay li .avia-bullet { display: none; }

	/* Accordion arrow (Figma 2481-1701 / #51): 44x44 tap target; glyph 27x27; rotates 90deg when open.
	   Split control: label <a> navigates; .ula-submenu-toggle expands (see ula-main.js). */
	.html_av-overlay-side #top #wrap_all #av-burger-menu-ul > li.ula-has-split-submenu {
		position: relative;
	}
	.html_av-overlay-side #top #wrap_all #av-burger-menu-ul > li.ula-has-split-submenu > a {
		padding-right: 74px !important; /* keep label clear of the 44x44 arrow hit area */
	}
	.html_av-overlay-side #top #wrap_all #av-burger-menu-ul > li > .ula-submenu-toggle {
		position: absolute;
		right: 21px;
		/* Anchor to the 90px parent row (not li mid when submenu is open). */
		top: 23px;
		width: 44px;
		height: 44px;
		padding: 0;
		border: 0;
		background: transparent;
		cursor: pointer;
		z-index: 2;
		display: flex;
		align-items: center;
		justify-content: center;
		-webkit-appearance: none;
		appearance: none;
	}
	.html_av-overlay-side #top #wrap_all #av-burger-menu-ul > li > .ula-submenu-toggle .ula-submenu-toggle__icon {
		display: block;
		width: 27px;
		height: 27px;
		background: url('../images/icons/menu-arrow.svg') center / 27px 27px no-repeat;
		transition: transform 0.2s ease-out;
		transform: none;
	}
	.html_av-overlay-side #top #wrap_all #av-burger-menu-ul > li.av-show-submenu > .ula-submenu-toggle .ula-submenu-toggle__icon {
		transform: rotate(90deg);
	}
	/* Hide leftover Enfold indicators if enhance has not run yet / nested levels. */
	.html_av-submenu-hidden .av-submenu-indicator:before { content: none; }
	.html_av-overlay-side #top #wrap_all #av-burger-menu-ul > li.ula-has-split-submenu > a > .av-submenu-indicator { display: none; }
	.html_av-overlay-side #top #wrap_all #av-burger-menu-ul > li:not(.av-width-submenu):not(.ula-mobile-donate):not(.ula-mobile-contact):not(.current_page_item) > a::after {
		content: ""; position: absolute; right: 30px; top: 50%; margin-top: -12px;
		width: 27px; height: 27px; background: url('../images/icons/menu-arrow.svg') center / 27px 27px no-repeat;
	}
	/* Expanded panel on light blue: 28px top/bottom, children indented 45px (level 3: +15px). */
	.html_av-overlay-side #top #wrap_all #av-burger-menu-ul > li.av-show-submenu > ul.sub-menu {
		background: var(--ula-light-blue);
		padding: 28px 0 27px 45px;
		margin: 0;
	}
	.html_av-overlay-side #top #wrap_all #av-burger-menu-ul > li > ul.sub-menu li { background: none; }
	.html_av-overlay-side #top #wrap_all .av-burger-overlay li li a {
		display: block;
		min-height: 0;
		padding: 4px 30px 4px 8px !important;
		margin: 0 0 40px;
		font: 600 22px/34px var(--ula-body-font);
		background: none;
		border: 0;
		color: var(--ula-text);
	}
	/* Same submenu hover/active as desktop (Matthew). */
	.html_av-overlay-side #top #wrap_all .av-burger-overlay li li a:hover,
	.html_av-overlay-side #top #wrap_all .av-burger-overlay li li a:focus-visible {
		background: #F7941D;
		color: #28373F;
	}
	.html_av-overlay-side #top #wrap_all .av-burger-overlay li li a:active,
	.html_av-overlay-side #top #wrap_all .av-burger-overlay li li.current-menu-item > a,
	.html_av-overlay-side #top #wrap_all .av-burger-overlay li li.current-menu-ancestor > a {
		background: #BA5025;
		color: #fff;
	}
	.html_av-overlay-side #top #wrap_all .av-burger-overlay li li li a { padding-left: 15px !important; margin-bottom: 28px; font: 600 20px/30px var(--ula-body-font); }
	.html_av-overlay-side #top #wrap_all .av-burger-overlay li li:last-child > a { margin-bottom: 0; }
	.html_av-submenu-hidden #av-burger-menu-ul li li ul.sub-menu { margin-top: 31px; }
	.html_av-submenu-hidden .av-burger-overlay li li .av-submenu-indicator { display: none; }
	.html_av-submenu-hidden #av-burger-menu-ul li.av-show-submenu li ul { display: block; } /* level 3 shown inline */

	/* Close X: 31x31 at x=330, y=129 (Figma 27x27 stroke box + round caps). */
	.av-hamburger.is-active .av-hamburger-box { width: 31px; height: 31px !important; position: relative; left: -2px; top: -2px; }
}

/* ---- 990-1199: tighten so six items + logo fit -------------------------- */
@media (min-width: 990px) and (max-width: 1199px) {
	#top #avia-menu.av-main-nav > li > a { font-size: 20px; }
	#top #header_main .logo img { width: 121px; height: 76px; }
	#top #avia-menu.av-main-nav > li > a { white-space: nowrap; }   /* Phase 7: items never wrap onto two lines */
}
/* 990-1099: the six items + gaps are a few px wider than the space between logo and right edge -> gap eases from 26px (990) to the 3.47vw value at 1100 */
@media (min-width: 990px) and (max-width: 1099px) {
	#top #avia-menu.av-main-nav > li { margin-left: calc(26px + (100vw - 990px) * 0.11); }
}

/* ---- Figma vertical position (HP 1440): logo top = band top + 20, menu text box top = band top + 81 (desktop only; burger layout < 990 untouched) ---- */
@media (min-width: 990px) {
	#top #header_main .logo { top: 3px; }
	#top #avia-menu.av-main-nav { position: relative; top: 34px; }
}

/* ---- Phase 7: desktop utility bar vs Figma 'Top Nav' (1440) ------------------------------------------------------
   Enfold's `.sub_menu { top:10px }` pushed the Translate button and Contact/Donate 10px low (Figma: 50px controls at y10, i.e. 10px above and below),
   and its -1px bar overlap made the header 199px (Figma 200: 70 + 130). The Translate list now hangs directly under the button (Figma 'Translate Dropdown':
   250x209 at y60, 20px pad, gap 20, text-only row colors). Mobile (<990) is already on the comp and is not touched. */
@media (min-width: 990px) {
	#top #header_meta nav.sub_menu { top: 0; }
	#top #header_meta { margin-bottom: 0; }
	#top #header_main .logo { top: 2.5px; }   /* the header is 1px taller than before (200 vs 199): keep the logo at band top + 20 */
	#top #avia-menu.av-main-nav { top: 33px; }   /* ...and the menu text box at band top + 81 */
	#top #header_meta .sub_menu > ul > li:not(.ula-util-donate) > a { display: inline-block; width: 110px; text-align: left; position: relative; top: 3px; }   /* Figma: 110px text box, glyphs 3px below the old position */
	#top #header_meta .sub_menu > ul > li.ula-util-donate > a { padding: 13px 0 7px; }   /* Figma: 'Donate' text box sits 1px lower than centred (glyph rows 29-43) */
	/* Figma desktop Translate Dropdown: 250×~209, pad 20, gap 20, 2px #0F75BC; text-only row states. */
	#top #header_meta .ula-translate__list,
	.ula-translate__list {
		top: 50px;
		width: 250px;
		padding: 20px;
		gap: 20px;
		border: 2px solid #0F75BC;
		border-color: #0F75BC;
	}
	#top #header_meta .ula-translate__list li { height: auto; line-height: 0; margin: 0; padding: 0; }
	.ula-translate__option {
		font: 600 18px/18px var(--ula-body-font);
		padding: 0;
		margin: 0;
		height: auto;
		width: 100%;
		background: var(--ula-translate-bg);
	}
	.ula-translate__option::before { content: none; }
}

