/**
 * HARCHI KOLO — desktop header fit after adding “УЧАСНИКИ”.
 *
 * Keep every primary navigation item plus the add-listing CTA on one row at
 * ordinary desktop widths. Mobile/off-canvas navigation is deliberately left
 * unchanged.
 */
@media (min-width: 1025px) {
	/* Blocksy's default centered header container became too narrow after one
	 * additional primary item. Use more of the available desktop viewport
	 * instead of shrinking the branding or pushing the CTA onto a second row. */
	#header [data-row] > .ct-container,
	#header [data-row] > .ct-container-fluid,
	.site-header [data-row] > .ct-container,
	.site-header [data-row] > .ct-container-fluid,
	.ct-header [data-row] > .ct-container,
	.ct-header [data-row] > .ct-container-fluid {
		width: min(1540px, calc(100vw - 32px)) !important;
		max-width: 1540px !important;
	}

	/* Slightly tighten only the horizontal rhythm of the desktop navigation.
	 * Text size and vertical geometry remain exactly as configured in Blocksy. */
	#header [data-id="menu"],
	#header [data-id^="menu"],
	.site-header [data-id="menu"],
	.site-header [data-id^="menu"],
	.ct-header [data-id="menu"],
	.ct-header [data-id^="menu"],
	#header .header-menu-1,
	.site-header .header-menu-1 {
		--menu-items-spacing: 14px !important;
		min-width: 0 !important;
	}

	#header [data-id="menu"] > ul > li > a,
	#header [data-id^="menu"] > ul > li > a,
	.site-header [data-id="menu"] > ul > li > a,
	.site-header [data-id^="menu"] > ul > li > a,
	.ct-header [data-id="menu"] > ul > li > a,
	.ct-header [data-id^="menu"] > ul > li > a,
	#header .header-menu-1 > ul > li > a,
	.site-header .header-menu-1 > ul > li > a {
		padding-inline: 7px !important;
		white-space: nowrap !important;
	}

	/* The add-listing control must remain a single compact desktop CTA. */
	#header [data-id="button"] .ct-button,
	#header [data-id^="button"] .ct-button,
	.site-header [data-id="button"] .ct-button,
	.site-header [data-id^="button"] .ct-button,
	.ct-header [data-id="button"] .ct-button,
	.ct-header [data-id^="button"] .ct-button {
		padding-inline: 18px !important;
		white-space: nowrap !important;
		flex: 0 0 auto !important;
	}
}

/* At narrower desktop/laptop widths make the rhythm a touch tighter, while
 * still leaving the mobile breakpoint and off-canvas menu completely intact. */
@media (min-width: 1025px) and (max-width: 1399px) {
	#header [data-id="menu"],
	#header [data-id^="menu"],
	.site-header [data-id="menu"],
	.site-header [data-id^="menu"],
	.ct-header [data-id="menu"],
	.ct-header [data-id^="menu"],
	#header .header-menu-1,
	.site-header .header-menu-1 {
		--menu-items-spacing: 10px !important;
	}

	#header [data-id="menu"] > ul > li > a,
	#header [data-id^="menu"] > ul > li > a,
	.site-header [data-id="menu"] > ul > li > a,
	.site-header [data-id^="menu"] > ul > li > a,
	.ct-header [data-id="menu"] > ul > li > a,
	.ct-header [data-id^="menu"] > ul > li > a,
	#header .header-menu-1 > ul > li > a,
	.site-header .header-menu-1 > ul > li > a {
		padding-inline: 5px !important;
	}
}