/* KTM Flip Card — frontend styles */

.ktm-flip-wrapper {
	position: relative;
	overflow: hidden;
}

.ktm-flip-front,
.ktm-flip-back {
	width: 100%;
	transition: opacity 0.35s ease, visibility 0.35s ease;
}

/* Back face sits on top, hidden, until the wrapper is flipped */
.ktm-flip-back {
	position: absolute;
	inset: 0;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
}

.ktm-flip-wrapper.is-flipped .ktm-flip-front {
	position: absolute;
	inset: 0;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
}

.ktm-flip-wrapper.is-flipped .ktm-flip-back {
	position: relative;
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
}

.ktm-flip-trigger {
	cursor: pointer;
}