/* MitraGame — هویت بصری تیم بازی‌سازی */

:root {
	--theme-color1: #073b4c;
	--theme-color2: #f4a261;
	--theme-color3: #eef4f6;
	--mg-ink: #073b4c;
	--mg-ink-soft: #0a4d5c;
	--mg-amber: #f4a261;
	--mg-amber-deep: #e08b3e;
	--mg-mist: #d9e8ec;
	--mg-sand: #f7f1e8;
	--heading-color: #073b4c;
	--text-color: #4a5a62;
	--ilya-surface-muted: #eef4f6;
	--bg-theme-color2: var(--mg-amber);
	--sec-title-subtitle-color: var(--mg-amber-deep);
}

/* هیرو — برند در مرکز توجه */
.mg-hero .banner-static .slide-item {
	min-height: min(100vh, 820px);
}

.mg-hero .bg-image {
	background-position: center center;
	background-size: cover;
}

.mg-hero.banner-section-three .slide-item:before {
	opacity: 1;
	background:
		linear-gradient(
			105deg,
			rgba(7, 59, 76, 0.88) 0%,
			rgba(7, 59, 76, 0.62) 42%,
			rgba(7, 59, 76, 0.28) 72%,
			rgba(7, 59, 76, 0.12) 100%
		),
		radial-gradient(ellipse at 18% 85%, rgba(244, 162, 97, 0.22), transparent 55%);
}

.mg-hero .content-box {
	position: relative;
	z-index: 2;
	max-width: 640px;
	padding-top: clamp(88px, 16vh, 140px) !important;
	padding-bottom: clamp(64px, 12vh, 110px) !important;
}

.mg-brand-mark {
	margin: 0 0 14px;
	font-size: clamp(2.4rem, 6vw, 3.75rem);
	font-weight: 800;
	line-height: 1.15;
	color: #fff;
	letter-spacing: -0.02em;
	text-shadow: 0 2px 24px rgba(7, 59, 76, 0.35);
}

.mg-hero .content-box .title {
	font-size: clamp(1.35rem, 3.2vw, 2rem) !important;
	font-weight: 700 !important;
	color: #fff !important;
	max-width: 18ch;
	margin-bottom: 16px;
}

.mg-hero .content-box > .sub-title:not(.banner-eyebrow) {
	color: rgba(255, 255, 255, 0.9);
	font-size: 1.05rem;
	max-width: 36ch;
	margin-bottom: 28px;
}

/* ورود نرم هیرو */
@media (prefers-reduced-motion: no-preference) {
	.mg-hero .animate-1,
	.mg-hero .animate-2,
	.mg-hero .animate-3 {
		opacity: 0;
		transform: translateY(18px);
		animation: mgHeroIn 0.85s ease forwards;
	}

	.mg-hero .animate-2 {
		animation-delay: 0.14s;
	}

	.mg-hero .animate-3 {
		animation-delay: 0.28s;
	}

	@keyframes mgHeroIn {
		to {
			opacity: 1;
			transform: translateY(0);
		}
	}

	.mg-brand-mark {
		animation: mgBrandPulse 5.5s ease-in-out infinite;
	}

	@keyframes mgBrandPulse {
		0%,
		100% {
			text-shadow: 0 2px 24px rgba(7, 59, 76, 0.35);
		}
		50% {
			text-shadow: 0 2px 28px rgba(244, 162, 97, 0.35);
		}
	}
}

/* دکمه‌ها و تاکید برند */
.theme-btn.btn-style-one {
	background-color: var(--mg-amber) !important;
	border-color: var(--mg-amber) !important;
}

.theme-btn.btn-style-one .btn-title {
	color: var(--mg-ink) !important;
	font-weight: 700;
}

.theme-btn.btn-style-one:hover {
	background-color: var(--mg-amber-deep) !important;
	border-color: var(--mg-amber-deep) !important;
}

.theme-btn.btn-style-two {
	border-color: rgba(255, 255, 255, 0.65) !important;
}

.sec-title .sub-title {
	color: var(--mg-amber-deep) !important;
}

.services-section-three .service-block-three .inner-box:hover,
.services-section-three .service-block-three:hover .inner-box {
	border-color: rgba(244, 162, 97, 0.55);
}

.services-section-three .service-block-three .icon {
	color: var(--mg-ink-soft);
}

.industries-section {
	background:
		linear-gradient(160deg, #073b4c 0%, #0a4d5c 55%, #0d5a68 100%);
}

.industries-section .feature-block-two .inner-box:hover {
	border-color: var(--mg-amber);
}

.contact-section-three {
	background:
		linear-gradient(135deg, #073b4c 0%, #0a5566 100%);
}

.pricing-ilya-path--featured {
	border-color: rgba(244, 162, 97, 0.45);
}

.pricing-ilya-path__badge--accent {
	background: var(--mg-amber);
	color: var(--mg-ink);
}

.ilya-step__num {
	background: var(--mg-ink);
	color: #fff;
}

.ilya-float-btn--call {
	background: var(--mg-ink) !important;
}

.main-header .info-btn:before,
.main-header .info-btn .icon {
	color: var(--mg-amber);
}

.about-stats .stat-item strong {
	color: var(--mg-ink);
}

/* الگوی ظریف پس‌زمینه بخش‌ها */
.services-section-three,
.ilya-process-section,
.ilya-faq-section {
	background-image:
		radial-gradient(circle at 12% 20%, rgba(244, 162, 97, 0.07), transparent 42%),
		radial-gradient(circle at 88% 70%, rgba(7, 59, 76, 0.05), transparent 45%);
}

.pricing-ilya-section {
	background: linear-gradient(180deg, var(--mg-sand) 0%, #fff 48%, var(--mg-mist) 100%);
}

/* لوگو در هدر */
.main-header .logo img,
.sticky-header .logo img,
.mobile-menu .nav-logo img {
	width: auto;
	height: 40px;
	object-fit: contain;
}

@media (max-width: 767px) {
	.mg-brand-mark {
		font-size: 2.2rem;
	}

	.mg-hero .content-box .title {
		max-width: none;
	}
}