/**
 * Mobile "Menu" label next to the hamburger (inc/ux/mobile-menu-label.php).
 * Design: Studio UD SEO spec §12 - green hamburger with "תפריט" on its left.
 *
 * Header "five" has two openers: .header-utility-nav (phones) and
 * .header-left-nav (tablets 768-991px). Both get the label; desktop (992px+)
 * hides the opener entirely.
 */
@media (max-width: 991px) {
	.nav-opener {
		gap: 8px;
	}

	/* After the icon span = left of the icon in RTL. Alt text "" keeps screen
	   readers on the button's own "תפריט" text instead of reading it twice. */
	.nav-opener::after {
		content: "תפריט";
		content: "תפריט" / "";
		font-size: 16px;
		font-weight: 500;
		line-height: 1;
		white-space: nowrap;
	}
}

/* Tablet opener has Bootstrap's d-md-block (display:block !important), which
   would push the label under the icon; keep it a row like on phones. */
@media (min-width: 768px) and (max-width: 991px) {
	.header-left-nav .nav-opener.d-md-block {
		display: flex !important;
		align-items: center;
	}
}