/* ==========================================================================
   DESKTOP HEADER + NAV INTERACTION POLISH
   Brand no-clip · search beside last nav item · premium hovers
   Scope: min-width 1100. Compact/mobile unchanged.
   ========================================================================== */

@media (min-width: 1100px) {
	/* --- Brand: never shrink, never clip text --- */
	.site-header .identity-row.container,
	.site-header .identity-row {
		overflow: visible !important;
		gap: 12px !important;
	}

	.site-header.is-stuck .identity-row.container,
	.site-header.is-utility-hidden .identity-row.container,
	.site-header.is-stuck .identity-row,
	.site-header.is-utility-hidden .identity-row {
		overflow: hidden !important;
	}

	.identity-row .header-brand-desktop,
	.identity-row a.header-brand.header-brand-desktop {
		flex: 0 0 auto !important;
		flex-shrink: 0 !important;
		width: auto !important;
		max-width: none !important;
		min-width: max-content !important;
		overflow: visible !important;
	}

	.identity-row .header-brand-desktop .header-brand-stack {
		flex-shrink: 0 !important;
		min-width: max-content !important;
		overflow: visible !important;
		gap: 10px;
	}

	.identity-row .header-brand-desktop .header-logo-mark-frame {
		flex: 0 0 auto !important;
		overflow: hidden;
	}

	.identity-row .header-brand-desktop .header-brand-name {
		flex: 0 0 auto !important;
		min-width: max-content !important;
		max-width: none !important;
		overflow: visible !important;
		text-overflow: clip !important;
		white-space: nowrap !important;
	}

	.header-actions {
		flex-shrink: 1;
		gap: 12px;
		min-width: 0;
	}

	.header-action-buttons {
		gap: 8px;
	}

	/* --- Nav + search as one centered cluster --- */
	.navigation-inner {
		justify-content: center !important;
		gap: 8px !important;
	}

	.navigation-inner .primary-nav {
		flex: 0 1 auto !important;
		width: auto !important;
		min-width: 0;
		max-width: none;
	}

	.nav-desktop-menu {
		flex: 0 1 auto !important;
		width: auto;
	}

	.nav-desktop-menu .menu {
		justify-content: flex-start !important;
		flex-wrap: nowrap;
		gap: 0 2px;
		width: auto;
	}

	.nav-desktop-menu .menu > li > a {
		padding: 14px 11px;
	}

	.nav-desktop-menu .menu > li:last-child > a {
		padding-right: 4px;
	}

	.navigation-inner .header-search-box.nav-search,
	.navigation-inner form.header-search-box.nav-search {
		flex: 0 0 44px !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		align-self: center;
	}

	/* --- Simple submenu: Option C — arrow + tint + gold accent --- */
	.nav-desktop-menu .sub-menu:not(.specialty-featured-panel) > .menu-item > a {
		box-shadow: inset 0 0 0 transparent !important;
		transition: color 200ms ease-out, background-color 200ms ease-out, box-shadow 200ms ease-out;
	}

	.nav-desktop-menu .sub-menu:not(.specialty-featured-panel) > .menu-item > a::before {
		font-size: 14px !important;
		font-weight: 700;
	}

	.nav-desktop-menu .sub-menu:not(.specialty-featured-panel) > .menu-item > a:hover,
	.nav-desktop-menu .sub-menu:not(.specialty-featured-panel) > .menu-item > a:focus-visible {
		background-color: rgba(11, 111, 115, 0.08) !important;
		box-shadow: inset 3px 0 0 var(--gold, #B79A5B) !important;
		font-weight: 700;
	}

	.nav-desktop-menu .sub-menu:not(.specialty-featured-panel) > .menu-item > a:hover .menu-link-label,
	.nav-desktop-menu .sub-menu:not(.specialty-featured-panel) > .menu-item > a:focus-visible .menu-link-label {
		transform: translateX(10px);
		color: var(--primary, #0B6F73);
	}

	/* --- Specialty card: zoom + lift + border + title --- */
	.nav-desktop-menu .specialty-featured-item a {
		border: 1px solid transparent !important;
		transition: transform 250ms ease-out, box-shadow 250ms ease-out, border-color 200ms ease-out, background-color 200ms ease-out;
	}

	.nav-desktop-menu .specialty-featured-item:hover a,
	.nav-desktop-menu .specialty-featured-item:focus-within a,
	.nav-desktop-menu .specialty-featured-item a:hover,
	.nav-desktop-menu .specialty-featured-item a:focus-visible {
		transform: translateY(-3px) !important;
		border-color: rgba(11, 111, 115, 0.35) !important;
		background: var(--surface, #F7FAF9) !important;
		box-shadow: 0 10px 22px rgba(18, 60, 64, 0.1) !important;
	}

	.nav-desktop-menu .specialty-featured-item:hover .specialty-featured-thumb img,
	.nav-desktop-menu .specialty-featured-item:focus-within .specialty-featured-thumb img,
	.nav-desktop-menu .specialty-featured-item a:hover .specialty-featured-thumb img,
	.nav-desktop-menu .specialty-featured-item a:focus-visible .specialty-featured-thumb img,
	.nav-desktop-menu .specialty-featured-item:hover .specialty-featured-fallback,
	.nav-desktop-menu .specialty-featured-item:focus-within .specialty-featured-fallback,
	.nav-desktop-menu .specialty-featured-item a:hover .specialty-featured-fallback,
	.nav-desktop-menu .specialty-featured-item a:focus-visible .specialty-featured-fallback {
		transform: scale(1.025) !important;
	}

	.nav-desktop-menu .specialty-featured-all a,
	.nav-desktop-menu .specialty-featured-all a:hover,
	.nav-desktop-menu .specialty-featured-all a:focus-visible {
		transform: none !important;
		box-shadow: none !important;
		border-color: transparent !important;
	}
}

@media (min-width: 1100px) and (max-width: 1279px) {
	.navigation-inner {
		gap: 8px !important;
	}

	.nav-desktop-menu .menu > li > a {
		padding-inline: 7px;
	}

	.header-actions {
		gap: 8px;
	}
}

@media (min-width: 1100px) and (prefers-reduced-motion: reduce) {
	.nav-desktop-menu .sub-menu:not(.specialty-featured-panel) > .menu-item > a:hover .menu-link-label,
	.nav-desktop-menu .sub-menu:not(.specialty-featured-panel) > .menu-item > a:focus-visible .menu-link-label {
		transform: none;
	}

	.nav-desktop-menu .specialty-featured-item:hover a,
	.nav-desktop-menu .specialty-featured-item:focus-within a,
	.nav-desktop-menu .specialty-featured-item a:hover,
	.nav-desktop-menu .specialty-featured-item a:focus-visible {
		transform: none !important;
	}

	.nav-desktop-menu .specialty-featured-item:hover .specialty-featured-thumb img,
	.nav-desktop-menu .specialty-featured-item:focus-within .specialty-featured-thumb img,
	.nav-desktop-menu .specialty-featured-item a:hover .specialty-featured-thumb img,
	.nav-desktop-menu .specialty-featured-item a:focus-visible .specialty-featured-thumb img,
	.nav-desktop-menu .specialty-featured-item:hover .specialty-featured-fallback,
	.nav-desktop-menu .specialty-featured-item:focus-within .specialty-featured-fallback,
	.nav-desktop-menu .specialty-featured-item a:hover .specialty-featured-fallback,
	.nav-desktop-menu .specialty-featured-item a:focus-visible .specialty-featured-fallback {
		transform: none !important;
	}
}
