/**
 * Header language dropdown — hover bridge (pure CSS).
 * Load after child-theme.css. Fixes gap between flag and menu.
 */
.hl-header .navbar > .container .translation-wrapper .dropdown::before {
	content: '';
	position: absolute;
	top: 100%;
	left: -8px;
	right: -8px;
	height: 12px;
}

.hl-header .navbar > .container .translation-wrapper .dropdown-content {
	margin-top: 0;
	top: calc(100% + 4px);
	z-index: 1000;
}

/* Wrapper-only hover breaks when crossing the gap; use .dropdown instead. */
.hl-header .navbar > .container .translation-wrapper:hover .dropdown-content {
	display: none;
}

.hl-header .navbar > .container .translation-wrapper .dropdown:hover .dropdown-content,
.hl-header .navbar > .container .translation-wrapper .dropdown:focus-within .dropdown-content {
	display: block;
}