/**
 * KMD Auth — Animation & transition helpers. Disabled globally when the
 * "Enable Animations" setting is off, or the visitor prefers less motion.
 */

@keyframes kmd-fade-in {
	from { opacity: 0; transform: translateY( 8px ); }
	to { opacity: 1; transform: translateY( 0 ); }
}

@keyframes kmd-scale-in {
	from { opacity: 0; transform: scale( 0.96 ); }
	to { opacity: 1; transform: scale( 1 ); }
}

.kmd-auth .kmd-layout__form-inner,
.kmd-auth .kmd-glass-card,
.kmd-auth .kmd-minimal-card {
	animation: kmd-fade-in var( --kmd-duration-slow ) var( --kmd-ease-standard ) both;
}

.kmd-auth .kmd-oauth-btn,
.kmd-auth .kmd-btn {
	transition: transform var( --kmd-duration-fast ) var( --kmd-ease-standard );
}

/* Not scoped to body — the shortcode's wrapper <div> carries this class too. */
.kmd-auth--no-animations * {
	animation: none !important;
	transition: none !important;
}

@media ( prefers-reduced-motion: reduce ) {
	.kmd-auth * {
		animation: none !important;
		transition: none !important;
	}
}