/*
 * Header — split navigation (Figma: Hilton Brand Update 2026, 170:3025 header).
 * Desktop only (>=1201px, BB "desktop" breakpoint): Stay · Dine · Pool · Experience | logo | Meet · The Club at Hilton · Book Now.
 * Scoped to the menu module class "hilton-split-nav" so the footer/side menus keep the global styles.
 */

@media (min-width: 1201px) {
	.hilton-split-nav {
		/* Half of the gap between items: 22px (Figma 44px gaps) from ~1370px, tighter down to 12px at 1201px. */
		--hn-pad: clamp(12px, calc(12px + (100vw - 1201px) * 0.06), 22px);
	}

	.hilton-split-nav .fl-menu .menu {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		float: none;
	}

	.hilton-split-nav .fl-menu .menu > li {
		float: none;
	}

	/* Items: Hilton Sans Medium 18px, 44px apart (global rule sets Bold 19px with !important). */
	.hilton-split-nav .fl-menu .menu > li.menu-item > a,
	.hilton-split-nav .fl-menu .menu > li.menu-item > .fl-has-submenu-container > a {
		padding: 8px var(--hn-pad) !important;
		font-family: "Hilton Sans Medium", Helvetica, Arial, sans-serif !important;
		font-weight: 500 !important;
		font-size: 18px !important;
		line-height: 21px !important;
		color: #fff;
	}

	/* Room for the dropdown chevron (8px gap + 18px icon). */
	.hilton-split-nav .fl-menu .menu > li.menu-item-has-children > .fl-has-submenu-container > a {
		padding-right: calc(var(--hn-pad) + 26px) !important;
	}

	.hilton-split-nav .fl-menu .menu > li.menu-item-has-children > .fl-has-submenu-container > .fl-menu-toggle {
		right: var(--hn-pad);
	}

	/* Dropdown: same type as the menu, on the navy panel the sticky header already uses (legible over photos). */
	.hilton-split-nav .fl-menu .menu > li > .sub-menu {
		padding: 8px 0;
		background-color: rgba(2, 41, 68, 0.9) !important;
	}

	.hilton-split-nav .fl-menu .sub-menu li.menu-item > a {
		padding: 10px var(--hn-pad) !important;
		font-family: "Hilton Sans Medium", Helvetica, Arial, sans-serif !important;
		font-weight: 500 !important;
		font-size: 18px !important;
		line-height: 21px !important;
		color: #fff;
	}

	/* Centered logo, 78px from each group at full width (56px + the items' 22px padding). */
	.hilton-split-nav .fl-menu .menu > li.fl-menu-logo {
		display: block;
		margin: 0 calc(var(--hn-pad) * 2.55);
	}

	.hilton-split-nav .fl-menu .menu > li.fl-menu-logo a {
		display: block;
		padding: 0 !important;
	}

	.hilton-split-nav .fl-menu .menu > li.fl-menu-logo img {
		display: block;
		width: auto;
		height: 68px;
		max-width: none;
	}

	/* Book Now: navy button, 49px tall, radius 4, 44px after the last item. */
	.hilton-split-nav .fl-menu .menu > li.book_now {
		margin-left: var(--hn-pad);
	}

	.hilton-split-nav .fl-menu .menu > li.book_now > a,
	.hilton-split-nav .fl-menu .menu > li.book_now > a:visited {
		display: inline-flex !important;
		align-items: center;
		justify-content: center;
		min-width: 180px;
		min-height: 49px;
		padding: 14px 25px !important;
		border: 0 !important;
		border-radius: 4px !important;
		background-color: #002f61 !important;
		color: #fff !important;
		font-family: "Hilton Sans Medium", Helvetica, Arial, sans-serif !important;
		font-weight: 500 !important;
		font-size: 18px !important;
		line-height: 21px !important;
	}

	.hilton-split-nav .fl-menu .menu > li.book_now > a:hover,
	.hilton-split-nav .fl-menu .menu > li.book_now > a:focus-visible {
		background-color: #00498f !important;
	}
}