/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Oct 29 2025 | 20:11:05 */
/* استایل مشترک برای کارت‌های کشور و سرویس */
.country-card, .service-card {
	display: flex;
	align-items: center;
	justify-content: flex-start; /* تغییر: تا متن نره سمت چپ */
	gap: 1rem; /* فاصله بین دایره و متن */
	padding: 1rem 2rem;
	margin: 0.75rem 0;
	border-radius: 50px !important;
	cursor: pointer;
	transition: all 0.3s ease;
	background: white;
	border: 2px solid #e2e8f0;
	position: relative;
	box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}

/* دایره رادیو (غیرفعال) */
.country-card .radio, .service-card .radio {
	width: 24px;
	height: 24px;
	border-radius: 50%;
	border: 2px solid #cbd5e1;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s ease;
	flex-shrink: 0;
	position: relative;
}

/* نقطه‌ی داخل دایره (در ابتدا مخفی) */
.country-card .radio::after, .service-card .radio::after {
	content: '';
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: transparent;
	transition: background 0.3s ease;
}

/* حالت HOVER */
.country-card:hover, .service-card:hover {
	box-shadow: 0 6px 16px rgba(0, 0, 0, 0.12);
	transform: translateY(-2px);
	border-color: #C8A26C;
}

/* حالت ACTIVE */
.country-card.active, .service-card.active {
	background: #C8A26C !important;
	color: white !important;
	border-color: #C8A26C !important;
	box-shadow: 0 8px 20px rgba(200, 162, 108, 0.3);
}

/* دایره رادیو در حالت فعال */
.country-card.active .radio, .service-card.active .radio {
	border-color: white;
	background: white;
}

/* نقطه‌ی داخل دایره هنگام فعال بودن */
.country-card.active .radio::after, .service-card.active .radio::after {
	background: #C8A26C;
}

/* متن داخل کارت */
.country-card .title, .service-card .title {
	color: #1e293b;
	margin-bottom: 0;
}
.country-card .caption {
	margin-bottom: 0;
}
.country-card.active .title, .service-card.active .title {
	color: white !important;
}

/* کانتینرها */
.country-container, .service-container {
	display: grid !important;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	gap: 1rem;
	margin-bottom: 2rem;
	align-items: stretch;
}

/* بخش سرویس‌ها */
[id^="services-"] {
	display: none;
	opacity: 0;
	transition: opacity 0.4s ease;
	gap: 1rem;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
}

/* فقط سرویس فعال دیده میشه */
[id^="services-"].visible {
	display: grid !important;
	opacity: 1;
}

/* اطمینان از اعمال Grid حتی داخل المنتور */
.elementor-widget-html .service-container {
	display: grid !important;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	gap: 1rem;
}