/*
 * Global front-end fixes (v1.7.6).
 *
 * LatePoint declares @keyframes os-loading only in admin.css, scoped to
 * body.latepoint-admin. Every front-end button loader therefore renders a
 * spinner element with `animation: os-loading ...` pointing at keyframes
 * that do not exist on that page, so it sits perfectly still.
 *
 * Re-declaring the keyframes here and enqueueing this file unconditionally
 * fixes every button, link and panel loader across the whole front end,
 * not just inside the recipe steps.
 */

@keyframes os-loading {
	0%   { transform: translate(-50%, -50%) rotate(0deg);   opacity: 1;  }
	50%  { transform: translate(-50%, -50%) rotate(180deg); opacity: .2; }
	100% { transform: translate(-50%, -50%) rotate(360deg); opacity: 1;  }
}

.latepoint-w .os-loading:after,
.latepoint-w .os-loading:before,
.latepoint-w .latepoint-btn.os-loading:after,
.latepoint-w .latepoint-book-button.os-loading:after,
.latepoint-booking-form-element .os-loading:after,
.latepoint-booking-form-element .os-loading:before,
.latepoint-lightbox-w .os-loading:after,
.latepoint-lightbox-w .os-loading:before {
	animation: os-loading 700ms infinite linear !important;
}