/**
 * Sitewide WhatsApp contact shortcut.
 */

.bide-whatsapp-float {
	align-items: center;
	background: #087a3c;
	border: 2px solid transparent;
	border-radius: 999px;
	bottom: 24px;
	box-shadow: 0 10px 28px rgba( 16, 44, 35, 0.24 );
	box-sizing: border-box;
	color: #fff !important;
	display: inline-flex;
	font-family: inherit;
	font-size: 0.9375rem;
	font-weight: 700;
	gap: 10px;
	justify-content: center;
	line-height: 1;
	min-height: 54px;
	padding: 0 18px 0 15px;
	position: fixed;
	right: 24px;
	text-decoration: none;
	transition: background-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
	z-index: 900;
}

.bide-whatsapp-float:visited {
	color: #fff !important;
}

.bide-whatsapp-float:hover {
	background: #066832;
	box-shadow: 0 12px 32px rgba( 16, 44, 35, 0.3 );
	color: #fff !important;
	transform: translateY( -1px );
}

.bide-whatsapp-float:focus-visible {
	background: #066832;
	box-shadow: 0 0 0 4px #fff, 0 0 0 7px #173f32;
	color: #fff !important;
	outline: 3px solid transparent;
	outline-offset: 3px;
}

.bide-whatsapp-float:active {
	background: #055a2b;
	box-shadow: 0 6px 18px rgba( 16, 44, 35, 0.24 );
	transform: translateY( 1px );
}

.bide-whatsapp-float__icon {
	display: block;
	flex: 0 0 auto;
	height: 28px;
	width: 28px;
}

.bide-whatsapp-float__label {
	white-space: nowrap;
}

@media ( max-width: 767px ) {
	.bide-whatsapp-float {
		border-radius: 50%;
		bottom: 16px;
		height: 54px;
		min-height: 54px;
		padding: 0;
		right: 16px;
		width: 54px;
	}

	.bide-whatsapp-float__icon {
		height: 30px;
		width: 30px;
	}

	.bide-whatsapp-float__label {
		display: none;
	}
}

@media ( min-width: 768px ) and ( max-width: 1199px ) {
	body.error404 .bide-main {
		min-height: calc( 100vh - 64px );
	}

	body.error404 .bide-site-footer {
		padding-bottom: 90px;
	}
}

@media ( prefers-reduced-motion: reduce ) {
	.bide-whatsapp-float {
		animation: none !important;
		transition: none !important;
	}

	.bide-whatsapp-float:hover,
	.bide-whatsapp-float:active {
		transform: none;
	}
}