/*
Theme Name: Kidsory
Theme URI: https://kidsory.local
Author: Kidsory
Description: Lightweight custom WooCommerce theme for Kidsory.
Version: 1.1.0
Text Domain: kidsory
Requires at least: 6.0
Requires PHP: 8.0
*/
/* ============================================================
   KIDSORY CHECKOUT CITY FIELD
   ============================================================ */

.kidsory-checkout-city-field {
	width: 100%;
	margin: 0 0 16px;
}

.kidsory-checkout-city-field label {
	display: block;
	margin: 0 0 6px;
	font-size: 13px;
	font-weight: 500;
	color: #1d332b;
}

.kidsory-checkout-city-field select,
.kidsory-checkout-city-field input {
	display: block;
	width: 100%;
	min-height: 52px;
	padding: 12px 14px;
	border: 1px solid #777;
	border-radius: 4px;
	background: #fff;
	color: #1d332b;
	font-family: inherit;
	font-size: 16px;
	line-height: 1.3;
	box-sizing: border-box;
}

.kidsory-checkout-city-field select {
	cursor: pointer;
}

.kidsory-checkout-city-field select:focus,
.kidsory-checkout-city-field input:focus {
	outline: 2px solid #183c30;
	outline-offset: 1px;
	border-color: #183c30;
}

.kidsory-other-city {
	margin-top: 10px;
}
/* ============================================================
   KIDSORY HERO CTA ATTENTION EFFECT
   ============================================================ */

.ks-fun-actions .ks-fun-btn-primary {
	animation: kidsory-cta-wiggle 3s ease-in-out infinite;
	transform-origin: center;
}

@keyframes kidsory-cta-wiggle {
	0%, 72%, 100% {
		transform: translateY(0) rotate(0deg) scale(1);
	}

	76% {
		transform: translateY(-5px) rotate(-3deg) scale(1.03);
	}

	80% {
		transform: translateY(0) rotate(3deg) scale(1.03);
	}

	84% {
		transform: translateY(-3px) rotate(-2deg) scale(1.02);
	}

	88% {
		transform: translateY(0) rotate(2deg) scale(1.01);
	}

	92% {
		transform: translateY(0) rotate(0deg) scale(1);
	}
}

.ks-fun-actions .ks-fun-btn-primary:hover {
	animation-play-state: paused;
	transform: translateY(-3px) scale(1.04);
}

@media (prefers-reduced-motion: reduce) {
	.ks-fun-actions .ks-fun-btn-primary {
		animation: none;
	}
}