/*
Theme Name: Blocksy child Haktan
Theme URI: https://haktans.com/pwr3/
Description: قالب فرزند (Child Theme) مینیمال و مدرن بر پایه قالب Blocksy، طراحی‌شده برای سایت World Map Radio با پشتیبانی کامل از فارسی و راست‌به‌چپ (RTL).
Author: Custom Design
Template: blocksy
Version: 3.8.0
Text Domain: blocksy-child-haktan
*/

/* ==========================================================================
   1. متغیرهای رنگ و طراحی (Design Tokens)
   ========================================================================== */
:root {
	--pwr-bg: #ffffff;
	--pwr-bg-soft: #f7f6f3;
	--pwr-text: #1c1c1c;
	--pwr-text-muted: #5c5c5c;
	--pwr-accent: #1a2b4c;   /* آبی تیره - رنگ اصلی برند */
	--pwr-accent-soft: #eef1f6;
	--pwr-border: #e5e3de;
	--pwr-radius: 14px;
	--pwr-space: 1.5rem;
}

/* ==========================================================================
   2. پایه‌ها و تایپوگرافی
   ========================================================================== */
body {
	background-color: var(--pwr-bg);
	color: var(--pwr-text);
	font-family: "Vazirmatn", "Inter", -apple-system, BlinkMacSystemFont, sans-serif;
	line-height: 1.7;
	letter-spacing: 0;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: 700;
	color: var(--pwr-text);
	letter-spacing: -0.01em;
}

p {
	color: var(--pwr-text-muted);
}

a {
	color: var(--pwr-accent);
	transition: opacity 0.2s ease;
}

a:hover {
	opacity: 0.75;
}

/* ==========================================================================
   3. فاصله‌گذاری سخاوتمندانه بین بخش‌ها (مینیمال / تنفس بصری)
   ========================================================================== */
.ct-container,
.ct-page-title,
section,
.elementor-section {
	padding-top: calc(var(--pwr-space) * 2.5);
	padding-bottom: calc(var(--pwr-space) * 2.5);
}

/* ==========================================================================
   4. هدر
   ========================================================================== */
#header,
.ct-header {
	background-color: var(--pwr-bg);
	border-bottom: 1px solid var(--pwr-border);
	box-shadow: none;
}

.ct-header .site-logo img {
	max-height: 40px;
}

#top-bar-nav a,
.ct-header-item a {
	color: var(--pwr-text);
	font-weight: 500;
	font-size: 0.95rem;
}

#top-bar-nav a:hover,
.ct-header-item a:hover {
	color: var(--pwr-accent);
}

/* ==========================================================================
   5. دکمه‌ها
   ========================================================================== */
.ct-button,
button,
.elementor-button {
	background-color: var(--pwr-accent) !important;
	color: #ffffff !important;
	border-radius: var(--pwr-radius) !important;
	border: none !important;
	padding: 0.85rem 1.75rem !important;
	font-weight: 600 !important;
	box-shadow: none !important;
	transition: transform 0.2s ease, opacity 0.2s ease !important;
}

.ct-button:hover,
button:hover,
.elementor-button:hover {
	transform: translateY(-2px);
	opacity: 0.9;
}

.ct-button.ct-button-outline {
	background-color: transparent !important;
	color: var(--pwr-accent) !important;
	border: 1.5px solid var(--pwr-accent) !important;
}

/* ==========================================================================
   6. کارت‌ها و باکس‌ها (پروژه‌ها، سرویس‌ها، سوالات متداول)
   ========================================================================== */
.ct-card,
.elementor-widget-wrap .elementor-post,
.ct-accordion-item {
	background-color: var(--pwr-bg-soft);
	border: 1px solid var(--pwr-border);
	border-radius: var(--pwr-radius);
}

/* ==========================================================================
   7. فوتر
   ========================================================================== */
#footer,
.ct-footer {
	background-color: var(--pwr-accent);
	color: #f2f2f2;
	padding-top: 4rem;
	padding-bottom: 2rem;
}

#footer a,
.ct-footer a {
	color: #f2f2f2;
}

#footer a:hover,
.ct-footer a:hover {
	color: #ffffff;
	opacity: 0.8;
}

/* ==========================================================================
   8. فرم خبرنامه
   ========================================================================== */
.ct-newsletter-form input[type="email"] {
	border-radius: var(--pwr-radius);
	border: 1px solid var(--pwr-border);
	padding: 0.85rem 1.25rem;
}

/* ==========================================================================
   9. واکنش‌گرا (موبایل)
   ========================================================================== */
@media (max-width: 767px) {
	:root {
		--pwr-space: 1rem;
	}
	h1 { font-size: 2rem; }
	h2 { font-size: 1.6rem; }
}