/*
 * Floating "Book a Tee-Time" bar.
 * Replaces the retired Chronogolf widget: same placement, size, shadow and
 * entrance animation, but it simply links to the /booking/ page.
 */
.wingate-booking-widget {
	display: block;
	position: fixed;
	z-index: 9999;
	/* Sits to the left of the theme's back-to-top button (fixed bottom-8 right-8). */
	right: 90px;
	bottom: 34px;
	width: clamp(230px, 20vw, 290px);
	height: 44px;
	overflow: hidden;
	background-color: #fafafa;
	border-radius: 4px;
	box-shadow: 0 0 16px 0 rgba(51, 51, 51, 0.3);
	animation: wingate-bounce-in-up 1s both;
}

.wingate-booking-widget__link,
.wingate-booking-widget__link:hover,
.wingate-booking-widget__link:focus,
.wingate-booking-widget__link:visited {
	display: block;
	height: 44px;
	background-color: #0e1b3d;
	color: #fff;
	font-family: 'Montserrat', sans-serif;
	font-weight: 300;
	line-height: 44px;
	white-space: nowrap;
	text-decoration: none !important;
	text-transform: uppercase;
	transition: background-color 0.2s ease;
}

.wingate-booking-widget__link:hover,
.wingate-booking-widget__link:focus-visible {
	background-color: #162a5a;
}

.wingate-booking-widget__link:focus-visible {
	outline: 2px solid #c5a059;
	outline-offset: -4px;
}

.wingate-booking-widget__icon,
.wingate-booking-widget__arrow {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 44px;
}

.wingate-booking-widget__icon {
	float: left;
}

.wingate-booking-widget__icon img {
	display: block;
	width: 28px;
	height: 28px;
	object-fit: contain;
}

.wingate-booking-widget__title {
	float: left;
	margin: 0 8px 0 2px;
	font-size: 13px;
	letter-spacing: 0.02em;
}

.wingate-booking-widget__arrow {
	float: right;
}

.wingate-booking-widget__arrow svg {
	display: block;
	width: 16px;
	height: 16px;
	fill: none;
	stroke: #fff;
	stroke-width: 2.2;
	stroke-linecap: round;
	stroke-linejoin: round;
}

/* Phones: full-width bar along the bottom edge, back-to-top button lifted above it. */
@media only screen and (max-width: 680px) {
	body.has-wingate-booking-widget {
		padding-bottom: 46px;
	}

	.wingate-booking-widget {
		left: 0;
		right: 0;
		bottom: 0;
		width: 100%;
		height: 46px;
		border-radius: 0;
	}

	.wingate-booking-widget__link {
		height: 46px;
		line-height: 46px;
	}

	.wingate-booking-widget__icon,
	.wingate-booking-widget__arrow {
		height: 46px;
	}

	.wingate-booking-widget__title {
		font-size: 14px;
	}

	body.has-wingate-booking-widget .fixed.bottom-8.right-8 {
		bottom: 62px;
		right: 16px;
	}
}

/* Don't compete with the mobile drawer's own "Book Tee Time" action. */
body.wingate-mobile-menu-open .wingate-booking-widget {
	display: none !important;
}

@media print {
	.wingate-booking-widget {
		display: none !important;
	}
}

@media (prefers-reduced-motion: reduce) {
	.wingate-booking-widget {
		animation: none;
	}

	.wingate-booking-widget__link {
		transition: none;
	}
}

@keyframes wingate-bounce-in-up {
	from,
	60%,
	75%,
	90%,
	to {
		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	}

	from {
		opacity: 0;
		transform: translate3d(0, 3000px, 0);
	}

	60% {
		opacity: 1;
		transform: translate3d(0, -20px, 0);
	}

	75% {
		transform: translate3d(0, 10px, 0);
	}

	90% {
		transform: translate3d(0, -5px, 0);
	}

	to {
		transform: translate3d(0, 0, 0);
	}
}