/**
 * Frontend styles for AKM Booking plugin.
 * Applies Poppins font to all shortcode elements.
 */

.akm-booking-form,
.akm-accommodation-form,
.akm-facility-form,
.akm-accommodation-cart,
.akm-facility-cart,
.akm-accommodation-list,
.akm-events-timeline,
.akm-events-calendar-wrap,
.akm-event-registration-form-wrap,
.akm-event-detail-wrap,
.akm-frontend-dashboard-wrapper,
.akm-admin-login-wrap,
.akm-thank-you,
.akm-senarai-latihan,
.akm-signature-program,
.akm-course-detail,
.akm-calendar-wrap,
.akm-residensi-wrapper {
	font-family: 'Poppins', sans-serif;
}

/* Signature program overlay - rotate from 10 o'clock to 2 o'clock, bounce to upright */
@keyframes akm-overlay-bounce {
	0% {
		transform: translate(-50%, -50%) rotate(-60deg);
	}
	55% {
		transform: translate(-50%, -50%) rotate(60deg);
	}
	75% {
		transform: translate(-50%, -50%) rotate(-8deg);
	}
	88% {
		transform: translate(-50%, -50%) rotate(3deg);
	}
	100% {
		transform: translate(-50%, -50%) rotate(0deg);
	}
}
.akm-signature-overlay {
	transform: translate(-50%, -50%) rotate(-60deg);
	transition: opacity 0.2s ease;
}
.akm-signature-card:hover .akm-signature-overlay {
	animation: akm-overlay-bounce 0.7s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
}

/* Signature program play button hover */
.akm-signature-play-btn {
	transition: all 0.3s ease;
}
.akm-signature-play-btn:hover {
	transform: translate(-50%, -50%) scale(1.1);
	box-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.2), 0 8px 10px -6px rgb(0 0 0 / 0.1);
	background-color: rgb(185 28 28) !important;
}

/* Event registration form message states */
.akm-event-registration-message.akm-message-success {
	background-color: #ecfdf5;
	border: 1px solid #a7f3d0;
	color: #065f46;
}

.akm-event-registration-message.akm-message-error {
	background-color: #fef2f2;
	border: 1px solid #fecaca;
	color: #991b1b;
}

/* Events timeline AJAX loading */
#akm-events-timeline-content.akm-timeline-loading {
	opacity: 0.6;
	pointer-events: none;
}