/* EHCNYC - Floating Get Started Button.
   A distinct floating-action-button design (pill, gradient, elevated
   shadow) rather than reusing the theme's plain .ehc-btn look - intentional
   for a floating element, see the plugin's main PHP file docblock for why
   the label deliberately isn't the exact text "Get Started" (opts out of
   ehcnyc-get-started-btn-color's site-wide recolor so this design holds). */

#ehcnyc-floating-get-started {
	position: fixed !important;
	left: 50%;
	bottom: 28px;
	z-index: 999;
	margin: 0;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 16px 30px;
	border-radius: 999px;
	background: linear-gradient(135deg, #5AACC0, #489BB2 55%, #0B3846);
	color: #fff;
	font-family: inherit;
	font-size: 16px;
	font-weight: 700;
	letter-spacing: 0.2px;
	line-height: 1;
	text-decoration: none;
	white-space: nowrap;
	border: none;
	box-shadow: 0 10px 30px rgba(9, 46, 57, 0.35), 0 2px 8px rgba(9, 46, 57, 0.2);
	opacity: 0;
	transform: translate(-50%, 16px);
	pointer-events: none;
	transition: opacity 0.3s ease, transform 0.3s ease, box-shadow 0.25s ease;
}

#ehcnyc-floating-get-started .ehcnyc-fgs-arrow {
	display: inline-block;
	transition: transform 0.2s ease;
}

#ehcnyc-floating-get-started.ehcnyc-fgs-visible {
	opacity: 1;
	transform: translate(-50%, 0);
	pointer-events: auto;
}

#ehcnyc-floating-get-started.ehcnyc-fgs-visible:hover {
	transform: translate(-50%, -3px);
	box-shadow: 0 14px 36px rgba(9, 46, 57, 0.42), 0 4px 12px rgba(9, 46, 57, 0.25);
}

#ehcnyc-floating-get-started.ehcnyc-fgs-visible:hover .ehcnyc-fgs-arrow {
	transform: translateX(4px);
}

#ehcnyc-floating-get-started.ehcnyc-fgs-visible:active {
	transform: translate(-50%, 0);
	box-shadow: 0 6px 16px rgba(9, 46, 57, 0.3);
}

#ehcnyc-floating-get-started:focus-visible {
	outline: 3px solid #fff;
	outline-offset: 3px;
	box-shadow: 0 0 0 5px rgba(72, 155, 178, 0.55), 0 10px 30px rgba(9, 46, 57, 0.35);
}

/* Mobile already has the theme's own .mobile-sticky-button-wrap - showing
   this too would duplicate it. Same breakpoint the theme itself uses for
   hideOnMobile/hideOnDesktop. */
@media screen and (max-width: 1089px) {
	#ehcnyc-floating-get-started {
		display: none !important;
	}
}

@media (prefers-reduced-motion: reduce) {
	#ehcnyc-floating-get-started,
	#ehcnyc-floating-get-started.ehcnyc-fgs-visible:hover {
		transition: opacity 0.15s linear !important;
		transform: translate(-50%, 0) !important;
	}
}