/**
 * Header brand row — load AFTER akkus.css (see inc/style.php).
 *
 * akkus.css sets .middle-header { padding: … !important } late in the stack.
 * rtl.css loads earlier; equal specificity → akkus wins, so logo/flags padding
 * tweaks in rtl.css looked like they “did nothing”.
 *
 * Use high-specificity selectors here so intended spacing/layout wins.
 */

header.site-header .middle-header.middle-header--compact.middle-header--brand-util {
	padding: 25px 0 10px !important;
}

header.site-header .middle-header.middle-header--compact.middle-header--brand-util .header-logo {
	display: flex;
	align-items: flex-start;
	justify-content: center;
}

@media (min-width: 992px) {
	html.home header.site-header .middle-header.middle-header--compact.middle-header--brand-util .header-logo img.yu-logo {
		max-height: 78px !important;
	}
}

@media (max-width: 991px) {
	header.site-header .middle-header.middle-header--compact.middle-header--brand-util {
		padding-top: 18px !important;
		padding-bottom: 12px !important;
	}
}

@media (max-width: 767px) {
	header.site-header .middle-header.middle-header--compact.middle-header--brand-util {
		padding-top: 16px !important;
		padding-bottom: 10px !important;
	}
}