/* =========================================================
   KINETIC MARKET
   HEADER — NATIVE NAVIGATION DROPDOWNS
   Desktop
   ========================================================= */

@media (min-width: 1000px) {

	/* -----------------------------------------------------
	   Dropdown surface
	   Preserve Blocksy positioning and opening behavior.
	   ----------------------------------------------------- */

	#header-menu-1 .sub-menu {
		--dropdown-width: 210px;
		--dropdown-background-color: #ffffff;
		--dropdown-items-divider: none;

		min-width: 210px;
		padding: 8px;

		list-style: none;

		background: #ffffff;

		border: 1px solid rgba(0, 0, 0, 0.10);
		border-radius: 4px;

		box-shadow:
			0 14px 35px rgba(0, 0, 0, 0.12),
			0 3px 10px rgba(0, 0, 0, 0.05);
	}


	/* -----------------------------------------------------
	   Dropdown items
	   ----------------------------------------------------- */

	#header-menu-1 .sub-menu > li {
		margin: 0;
		padding: 0;

		border: 0;
	}


	/* -----------------------------------------------------
	   All native dropdown links
	   Includes Account and nested dropdown links.
	   ----------------------------------------------------- */

	#header-menu-1 .sub-menu > li > a {
		display: flex;
		align-items: center;

		box-sizing: border-box;

		width: 100%;
		min-height: 42px;
		height: auto;

		margin: 0;
		padding: 9px 12px;

		background: transparent;

		border: 0;
		border-radius: 3px;

		color: #111111;

		font-size: 13px;
		font-weight: 650;
		line-height: 1.3;

		text-decoration: none;

		transition:
			background-color 150ms ease,
			color 150ms ease;
	}


	/* -----------------------------------------------------
	   Hover and keyboard focus
	   ----------------------------------------------------- */

	#header-menu-1 .sub-menu > li > a:hover,
	#header-menu-1 .sub-menu > li > a:focus-visible {
		background: rgba(3, 88, 65, 0.07);
		color: #035841;
	}

	#header-menu-1 .sub-menu > li > a:focus-visible {
		outline: 2px solid #f2b544;
		outline-offset: 2px;
	}


	/* -----------------------------------------------------
	   Current page
	   ----------------------------------------------------- */

	#header-menu-1 .sub-menu > li.current-menu-item > a,
	#header-menu-1 .sub-menu > li > a[aria-current="page"] {
		background: rgba(3, 88, 65, 0.07);
		color: #035841;
	}


	/* -----------------------------------------------------
	   Nested dropdown carets
	   ----------------------------------------------------- */

	#header-menu-1 .sub-menu > li > a .ct-toggle-dropdown-desktop {
		margin-inline-start: auto;
		color: inherit;
	}

	#header-menu-1 .sub-menu > li > a .ct-toggle-dropdown-desktop svg {
		fill: currentColor;
	}
}


/* ---------------------------------------------------------
   Reduced motion
   --------------------------------------------------------- */

@media (prefers-reduced-motion: reduce) {

	#header-menu-1 .sub-menu > li > a {
		transition: none !important;
	}
}