/* Mobile header: logo left, compact Request a Website and hamburger right.
   Support stays in the desktop header and moves into the drawer below 1000px. */

@media (max-width: 999.98px) {
	#header.ct-header [data-device="mobile"] [data-row*="middle"] {
		--height: 4.5rem;
	}

	#header.ct-header [data-device="mobile"] [data-column-set="2"] > .ct-container {
		display: flex !important;
		align-items: center;
		justify-content: space-between;
		gap: 0.5rem;
		width: calc(100% - 1.5rem) !important;
		max-width: none !important;
		min-height: 4.5rem;
	}

	#header.ct-header [data-device="mobile"] [data-column="start"],
	#header.ct-header [data-device="mobile"] [data-column="end"] {
		min-width: max-content !important;
		width: auto !important;
		overflow: visible !important;
		flex: 0 0 auto;
	}

	#header.ct-header [data-device="mobile"] [data-items] {
		display: flex;
		flex-wrap: nowrap;
		align-items: center;
		width: auto;
		min-width: max-content;
		gap: 0.5rem;
	}

	#header.ct-header [data-device="mobile"] [data-column="end"] [data-items="primary"] {
		justify-content: flex-end;
	}

	#header.ct-header [data-device="mobile"] [data-items] > * {
		margin: 0 !important;
		flex: 0 0 auto;
	}

	#header.ct-header [data-device="mobile"] [data-id="suppor"] {
		display: none !important;
	}

	#header.ct-header [data-device="mobile"] .site-branding,
	#header.ct-header [data-device="mobile"] .site-title,
	#header.ct-header [data-device="mobile"] .site-title a {
		white-space: nowrap !important;
		overflow: visible !important;
		text-overflow: clip !important;
		max-width: none !important;
		flex-shrink: 0;
	}

	#header.ct-header [data-device="mobile"] [data-id="button"] a.ct-button {
		box-sizing: border-box;
		min-height: 44px !important;
		height: 44px;
		padding: 0 0.6rem !important;
		font-size: 0.75rem !important;
		line-height: 1 !important;
		white-space: nowrap !important;
		flex: 0 0 auto;
	}

	#header.ct-header [data-device="mobile"] .ct-header-trigger {
		--theme-icon-color: #f5f5f5;
		--theme-icon-hover-color: #4a9eff;
		box-sizing: border-box;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 44px;
		height: 44px;
		min-width: 44px;
		min-height: 44px;
		margin: 0 !important;
		padding: 0;
		border: 0;
		border-radius: 999px;
		background: transparent;
		color: #f5f5f5;
		cursor: pointer;
		flex: 0 0 44px;
	}

	#header.ct-header [data-device="mobile"] .ct-header-trigger svg.ct-icon {
		width: 22px !important;
		height: 16px !important;
		fill: #f5f5f5 !important;
		opacity: 1 !important;
	}

	#header.ct-header [data-device="mobile"] .ct-header-trigger svg.ct-icon rect {
		fill: #f5f5f5 !important;
		opacity: 1 !important;
	}

	#header.ct-header [data-device="mobile"] .ct-header-trigger:hover svg.ct-icon,
	#header.ct-header [data-device="mobile"] .ct-header-trigger:hover svg.ct-icon rect {
		fill: #4a9eff !important;
	}

	#offcanvas .ct-toggle-close {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 44px;
		height: 44px;
		min-width: 44px;
		min-height: 44px;
		--theme-icon-color: #f5f5f5;
	}

	#offcanvas .ct-toggle-close svg {
		fill: #f5f5f5;
	}

	#offcanvas .mobile-menu .ct-menu-link {
		display: flex;
		align-items: center;
		min-height: 44px;
		padding-block: 0.35rem;
	}
}

#header.ct-header [data-device="mobile"] .ct-header-trigger:focus-visible,
#header.ct-header [data-device="mobile"] [data-id="button"] a.ct-button:focus-visible,
#offcanvas .ct-toggle-close:focus-visible,
#offcanvas .mobile-menu .ct-menu-link:focus-visible {
	outline: 2px solid #4a9eff;
	outline-offset: 3px;
}