/* Header — laptop range 768px–1440px. Mobile <768 unchanged. Desktop >1440 uses default centered nav. */

/* ─── Shared flex nav: 992px–1440px (no absolute center — prevents CTA overlap) ─── */
@media only screen and (min-width: 992px) and (max-width: 1440px) {
	header.main-header .navbar > .container {
		position: relative;
		display: flex;
		align-items: center;
		flex-wrap: nowrap;
		gap: 8px;
	}

	header.main-header .navbar {
		padding: 16px 0;
	}

	.main-menu.navbar-collapse {
		display: flex !important;
		flex: 1 1 auto;
		align-items: center;
		justify-content: flex-end;
		min-width: 0;
		gap: 6px;
	}

	.main-menu .nav-menu-wrapper {
		position: static !important;
		left: auto !important;
		top: auto !important;
		transform: none !important;
		flex: 1 1 auto;
		min-width: 0;
		width: auto !important;
		max-width: none !important;
		margin: 0 4px;
		text-align: center;
		z-index: 1;
	}

	.main-menu .nav-menu-wrapper > ul,
	.main-menu .nav-menu-wrapper #menu {
		display: flex !important;
		flex-wrap: nowrap !important;
		align-items: center;
		justify-content: center;
		width: 100%;
		min-width: 0;
		margin: 0;
		padding: 0;
		gap: 4px;
	}

	.main-menu ul li {
		margin: 0;
		flex: 0 1 auto;
		min-width: 0;
	}

	.main-menu ul li a {
		font-weight: 600;
		line-height: 1.2;
		white-space: nowrap;
		letter-spacing: 0.01em;
	}

	.main-menu ul li.submenu > a:after {
		margin-left: 5px;
	}

	.main-menu .header-btn {
		display: block !important;
		flex: 0 0 auto;
		position: relative;
		z-index: 2;
		margin-left: 10px;
	}

	.main-menu .header-btn .summit-cta-btn {
		line-height: 1.2;
		animation: none;
		white-space: nowrap;
	}

	.navbar-brand {
		flex: 0 0 auto;
		position: relative;
		z-index: 2;
	}
}

/* ─── 992–1099: tightest ─── */
@media only screen and (min-width: 992px) and (max-width: 1099px) {
	.navbar-brand .header-logo {
		max-width: 110px;
	}

	.main-menu ul li a {
		font-size: 12px;
		padding: 8px 8px !important;
	}

	.main-menu .nav-menu-wrapper > ul,
	.main-menu .nav-menu-wrapper #menu {
		gap: 2px;
	}

	.main-menu .header-btn .summit-cta-btn {
		padding: 9px 14px;
		font-size: 12px;
	}
}

/* ─── 1100–1199 ─── */
@media only screen and (min-width: 1100px) and (max-width: 1199px) {
	.navbar-brand .header-logo {
		max-width: 125px;
	}

	.main-menu ul li a {
		font-size: 13px;
		padding: 9px 9px !important;
	}

	.main-menu .nav-menu-wrapper > ul,
	.main-menu .nav-menu-wrapper #menu {
		gap: 3px;
	}

	.main-menu .header-btn .summit-cta-btn {
		padding: 10px 16px;
		font-size: 13px;
	}
}

/* ─── 1200–1366 ─── */
@media only screen and (min-width: 1200px) and (max-width: 1366px) {
	.navbar-brand .header-logo {
		max-width: 145px;
	}

	.main-menu ul li a {
		font-size: 14px;
		padding: 10px 10px !important;
	}

	.main-menu .nav-menu-wrapper > ul,
	.main-menu .nav-menu-wrapper #menu {
		gap: 5px;
	}

	.main-menu .header-btn .summit-cta-btn {
		padding: 11px 20px;
		font-size: 14px;
	}
}

/* ─── 1367–1440: common laptop width (e.g. 1440px) ─── */
@media only screen and (min-width: 1367px) and (max-width: 1440px) {
	.navbar-brand .header-logo {
		max-width: 148px;
	}

	.main-menu ul li a {
		font-size: 14px;
		padding: 10px 12px !important;
		letter-spacing: 0.02em;
	}

	.main-menu .nav-menu-wrapper > ul,
	.main-menu .nav-menu-wrapper #menu {
		gap: 6px;
	}

	.main-menu .header-btn .summit-cta-btn {
		padding: 11px 20px;
		font-size: 14px;
	}

	.main-menu .nav-menu-wrapper {
		margin: 0 10px;
	}

	.main-menu .header-btn {
		margin-left: 12px;
	}
}

/* ─── Tablet 768–991: hamburger only ─── */
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.main-menu.navbar-collapse:not(.show) {
		display: none !important;
	}

	.responsive-menu,
	.navbar-toggle {
		display: block !important;
	}

	.main-menu .header-btn {
		display: none !important;
	}

	.slicknav_nav a {
		white-space: normal;
		word-break: break-word;
	}
}