/* =============================================================
 * Header menu fit fix.
 *
 * The desktop header splits the nav into two menus around the
 * centered logo. The original rules (_header-base.scss) set
 *   .main-navigation .nav-container .menu { flex-wrap: wrap; }
 * which wraps items onto a second row once they no longer fit.
 * After adding "Kalkulator" the left side no longer fits in one
 * row at common desktop widths (~1280–1440 px), so the menu
 * breaks onto two lines.
 *
 * This file tightens typography and spacing just enough to keep
 * both menus on a single row, and forbids wrapping so any future
 * overflow becomes visible instead of a broken layout.
 *
 * When the theme is rebuilt from SCSS, move these rules into
 * _header-base.scss and delete this file + its enqueue.
 * ============================================================= */

.desktop-header .main-navigation .nav-container .menu {
	flex-wrap: nowrap;
	column-gap: 1rem;             /* was 24/16 rem */
}

.desktop-header .main-navigation .nav-container .menu > .menu-item {
	font-size: calc(20 / 16 * 1rem);   /* was 24/16 */
	white-space: nowrap;               /* keep "STREFA WYKONAWCY" on one line */
	padding-bottom: .25rem;
}

.desktop-header .main-navigation .nav-container .menu > .menu-item > a {
	padding: .75rem 0;
}

/* Slightly more breathing room around the centered logo so the two
   menus don't visually collide with it on medium desktop widths. */
.desktop-header .menu-row .wrapper > .site-branding {
	flex-shrink: 0;
	margin: 0 1.5rem;
}

/* At narrower desktop widths (between the theme's hamburger and
   mobile breakpoints) drop one more notch so 4 items still fit. */
@media (min-width: 1024px) and (max-width: 1440px) {
	.desktop-header .main-navigation .nav-container .menu > .menu-item {
		font-size: calc(18 / 16 * 1rem);
	}
	.desktop-header .main-navigation .nav-container .menu {
		column-gap: .75rem;
	}
}