/* ==========================================================================
   Laptop menu (1241–1520px wide)
   Common laptops — 1280 / 1366 / 1440px wide, or a 1920px screen at
   125–150% Windows display scaling — keep the full one-line menu instead of
   the phone ☰ menu. The menu has 10 items plus the Booking Form button and
   the language globe, so the spacing is set in two steps: tight on narrow
   laptops (1241–1380px) and roomier from 1381px up, where there is space
   for it. Wider screens use assets/css/layout/header-navigation.css as it
   is; 1240px and narrower switch to the ☰ menu
   (assets/css/responsive/tablet.css and the matching number in
   assets/js/mobile-menu.js).
   ========================================================================== */

/* ---- Shared by both laptop steps ---- */
@media (min-width: 1241px) and (max-width: 1520px) {
	.site-branding,
	.site-branding .site-logo-link { gap: 10px; }
	.brand-mark { width: 42px; height: 42px; font-size: 1.25rem; }
	.site-branding img.custom-logo { max-height: 48px; }
	.site-tagline { font-size: 0.64rem; letter-spacing: 0.06em; }
	.primary-menu .dropdown-caret { width: 7px; height: 7px; }
}

/* ---- Narrow laptops (1241–1380px): every pixel counts ---- */
@media (min-width: 1241px) and (max-width: 1380px) {
	.header-inner { padding: 0 18px; gap: 12px; }
	.site-title { font-size: 1.14rem; }

	.primary-menu { gap: 0; }
	.primary-menu .nav-link {
		gap: 4px;
		padding: 7px clamp(4px, 0.45vw, 7px);
		font-size: 0.76rem;
	}
	.primary-menu > li.menu-item-cta { margin-left: 4px; }
	.primary-menu > li.menu-item-cta > .nav-link { padding: 9px 12px; }

	/* The language button (inc/translate.php) keeps the row short too. */
	.lang-toggle { padding: 7px 10px; font-size: 0.76rem; gap: 5px; }
	.lang-toggle .lang-flag { width: 21px; height: 16px; }
}

/* ---- Roomier laptops (1381–1520px): the menu can breathe ---- */
@media (min-width: 1381px) and (max-width: 1520px) {
	.header-inner { padding: 0 20px; gap: 14px; }
	.site-title { font-size: 1.17rem; }

	.primary-menu { gap: 1px; }
	.primary-menu .nav-link {
		gap: 5px;
		padding: 8px 9px;
		font-size: 0.8rem;
	}
	.primary-menu > li.menu-item-cta { margin-left: 6px; }
	.primary-menu > li.menu-item-cta > .nav-link { padding: 10px 15px; }

	.lang-toggle { padding: 8px 11px; font-size: 0.79rem; gap: 6px; }
	.lang-toggle .lang-flag { width: 23px; height: 17px; }
}