/**
 * KaaaM Growth System Stylesheet
 * Palette: #210F37 (Dark Purple), #4F1C51 (Purple), #A55B4B (Terracotta), #DCA06D (Warm Gold)
 * Mobile-First, Accessible (WCAG 2.1 AA), RTL Ready
 */

:root {
	--kaaam-dark: #210F37;
	--kaaam-purple: #4F1C51;
	--kaaam-terra: #A55B4B;
	--kaaam-gold: #DCA06D;
	--kaaam-surface: #F9F7FA;
	--kaaam-border: #E4DCE8;
	--kaaam-text: #1E142B;
	--kaaam-muted: #5A4B69;
	--kaaam-success: #1D6F42;
	--kaaam-radius: 12px;
}

.kaaam-home-system,
.kaaam-learning-wrapper,
.kaaam-learning-footer,
.kaaam-roadmap-component {
	direction: rtl;
	text-align: right;
	font-family: inherit;
	color: var(--kaaam-text);
	line-height: 1.85;
	box-sizing: border-box;
}

.kaaam-home-system *,
.kaaam-learning-wrapper *,
.kaaam-learning-footer * {
	box-sizing: border-box;
}

/* دکمه‌های استاندارد با کنتراست استاندارد */
.kaaam-btn-gold {
	display: inline-block;
	background-color: var(--kaaam-gold);
	color: var(--kaaam-dark) !important;
	font-weight: 700;
	padding: 12px 24px;
	border-radius: 8px;
	text-decoration: none !important;
	border: 2px solid var(--kaaam-gold);
	transition: transform 0.15s ease, opacity 0.15s ease;
	cursor: pointer;
}

.kaaam-btn-gold:hover,
.kaaam-btn-gold:focus-visible {
	opacity: 0.92;
	transform: translateY(-1px);
	outline: 2px solid #ffffff;
}

.kaaam-btn-primary {
	display: inline-block;
	background-color: var(--kaaam-purple);
	color: #ffffff !important;
	font-weight: 700;
	padding: 12px 22px;
	border-radius: 8px;
	border: none;
	text-decoration: none !important;
	cursor: pointer;
}

.kaaam-btn-outline-light {
	display: inline-block;
	background-color: transparent;
	color: #ffffff !important;
	font-weight: 700;
	padding: 12px 24px;
	border-radius: 8px;
	border: 2px solid var(--kaaam-gold);
	text-decoration: none !important;
}

/* بخش Hero صفحه اصلی */
.kaaam-hero {
	background-color: var(--kaaam-dark);
	color: #ffffff;
	padding: 48px 20px;
	border-radius: var(--kaaam-radius);
	margin-bottom: 28px;
	text-align: center;
}

.kaaam-hero-inner {
	max-width: 820px;
	margin: 0 auto;
}

.kaaam-hero-eyebrow {
	display: inline-block;
	color: var(--kaaam-gold);
	font-size: 0.95rem;
	font-weight: 600;
	margin-bottom: 12px;
}

.kaaam-hero h1 {
	color: #ffffff !important;
	font-size: 1.75rem;
	line-height: 1.45;
	margin: 0 0 16px;
}

.kaaam-hero-sub {
	color: #EAE3F0;
	font-size: 1.05rem;
	margin-bottom: 28px;
}

.kaaam-hero-actions {
	display: flex;
	flex-direction: column;
	gap: 12px;
	justify-content: center;
	margin-bottom: 18px;
}

.kaaam-hero-helper a {
	color: var(--kaaam-gold);
	text-decoration: underline;
	font-size: 0.95rem;
}

/* نوار ادامه مسیر */
.kaaam-continue-banner {
	background-color: var(--kaaam-surface);
	border: 2px solid var(--kaaam-purple);
	border-radius: var(--kaaam-radius);
	padding: 18px 22px;
	margin-bottom: 28px;
	display: flex;
	flex-direction: column;
	gap: 12px;
	align-items: flex-start;
	justify-content: space-between;
}

/* بخش عیب‌یاب سریع */
.kaaam-diagnostic {
	background: #ffffff;
	border: 1px solid var(--kaaam-border);
	border-radius: var(--kaaam-radius);
	padding: 28px 20px;
	margin-bottom: 32px;
}

.kaaam-section-head h2 {
	color: var(--kaaam-dark);
	font-size: 1.4rem;
	margin: 0 0 8px;
}

.kaaam-diag-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 16px;
	margin-top: 20px;
	align-items: end;
}

.kaaam-diag-step label {
	display: block;
	font-weight: 700;
	margin-bottom: 8px;
	color: var(--kaaam-dark);
}

.kaaam-diag-step select {
	width: 100%;
	padding: 11px 14px;
	border: 1px solid var(--kaaam-border);
	border-radius: 8px;
	font-family: inherit;
	font-size: 0.95rem;
}

.kaaam-diag-result {
	margin-top: 22px;
	padding: 20px;
	background-color: var(--kaaam-surface);
	border-right: 5px solid var(--kaaam-gold);
	border-radius: 8px;
}

/* نقشه راه و کارت‌های ایستگاه */
.kaaam-roadmap-tabs {
	display: flex;
	gap: 10px;
	margin: 20px 0;
	border-bottom: 2px solid var(--kaaam-border);
	padding-bottom: 10px;
}

.kaaam-tab-btn {
	background: var(--kaaam-surface);
	color: var(--kaaam-dark);
	border: 1px solid var(--kaaam-border);
	padding: 10px 18px;
	border-radius: 8px;
	font-family: inherit;
	font-weight: 700;
	cursor: pointer;
}

.kaaam-tab-btn.active {
	background: var(--kaaam-dark);
	color: var(--kaaam-gold);
	border-color: var(--kaaam-dark);
}

.kaaam-stages-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 16px;
}

.kaaam-stage-card {
	background: #ffffff;
	border: 1px solid var(--kaaam-border);
	border-top: 4px solid var(--kaaam-purple);
	border-radius: var(--kaaam-radius);
	padding: 20px;
}

.kaaam-stage-num {
	display: inline-block;
	background: var(--kaaam-surface);
	color: var(--kaaam-purple);
	font-weight: 700;
	font-size: 0.85rem;
	padding: 4px 10px;
	border-radius: 6px;
	margin-bottom: 8px;
}

.kaaam-stage-card h3 {
	margin: 0 0 10px;
	color: var(--kaaam-dark);
	font-size: 1.15rem;
}

/* شناسنامه بالای مقاله */
.kaaam-article-spec-card {
	background-color: var(--kaaam-surface);
	border: 1px solid var(--kaaam-border);
	border-right: 5px solid var(--kaaam-dark);
	border-radius: var(--kaaam-radius);
	padding: 20px;
	margin-bottom: 22px;
}

.kaaam-spec-badges {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-bottom: 14px;
}

.kaaam-badge {
	font-size: 0.85rem;
	font-weight: 700;
	padding: 4px 12px;
	border-radius: 20px;
}

.kaaam-badge-role {
	background-color: var(--kaaam-dark);
	color: #ffffff;
}

.kaaam-badge-level {
	background-color: var(--kaaam-terra);
	color: #ffffff;
}

.kaaam-badge-stage {
	background-color: var(--kaaam-purple);
	color: #ffffff;
}

.kaaam-badge-time {
	background-color: #ffffff;
	color: var(--kaaam-dark);
	border: 1px solid var(--kaaam-border);
}

.kaaam-outcome-box {
	margin-top: 14px;
	padding: 14px;
	background-color: #ffffff;
	border-radius: 8px;
	border: 1px dashed var(--kaaam-purple);
}

.kaaam-outcome-box p {
	margin: 6px 0 0;
}

/* فهرست مطالب مقاله */
.kaaam-toc-box {
	background: #ffffff;
	border: 1px solid var(--kaaam-border);
	border-radius: var(--kaaam-radius);
	padding: 16px 20px;
	margin-bottom: 28px;
}

.kaaam-toc-toggle {
	width: 100%;
	background: none;
	border: none;
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-family: inherit;
	font-size: 1.05rem;
	font-weight: 700;
	color: var(--kaaam-dark);
	cursor: pointer;
	padding: 0;
}

.kaaam-toc-list {
	margin: 14px 0 0;
	padding-right: 20px;
}

.kaaam-toc-list li {
	margin-bottom: 8px;
}

.kaaam-toc-list a {
	color: var(--kaaam-purple);
	text-decoration: none;
}

/* ماژول‌های تعاملی پایین مقاله (سناریو، مأموریت، چک‌لیست) */
.kaaam-module {
	background: #ffffff;
	border: 1px solid var(--kaaam-border);
	border-radius: var(--kaaam-radius);
	padding: 24px 20px;
	margin: 28px 0;
}

.kaaam-module-tag {
	display: inline-block;
	background: var(--kaaam-purple);
	color: #ffffff;
	font-size: 0.8rem;
	font-weight: 700;
	padding: 4px 10px;
	border-radius: 6px;
	margin-bottom: 8px;
}

.kaaam-tag-gold {
	background: var(--kaaam-gold);
	color: var(--kaaam-dark);
}

.kaaam-scenario-btn {
	width: 100%;
	text-align: right;
	background: var(--kaaam-surface);
	border: 2px solid var(--kaaam-border);
	border-radius: 8px;
	padding: 14px 16px;
	margin-bottom: 10px;
	font-family: inherit;
	font-size: 0.98rem;
	color: var(--kaaam-text);
	cursor: pointer;
	transition: border-color 0.15s ease;
}

.kaaam-scenario-btn:hover,
.kaaam-scenario-btn:focus-visible {
	border-color: var(--kaaam-purple);
}

.kaaam-scenario-btn.is-correct {
	border-color: var(--kaaam-success);
	background-color: #EBF7F0;
}

.kaaam-scenario-btn.is-wrong {
	border-color: var(--kaaam-terra);
	background-color: #FDF2F0;
}

.kaaam-scenario-feedback {
	padding: 12px 16px;
	margin-bottom: 14px;
	border-radius: 8px;
	background: var(--kaaam-surface);
	border-right: 4px solid var(--kaaam-purple);
	font-size: 0.95rem;
}

/* مأموریت عملی */
.kaaam-mission-box {
	background-color: var(--kaaam-dark);
	color: #ffffff;
}

.kaaam-mission-box h3 {
	color: #ffffff !important;
}

.kaaam-mission-complete-btn {
	background-color: var(--kaaam-gold);
	color: var(--kaaam-dark);
	font-family: inherit;
	font-weight: 700;
	padding: 12px 20px;
	border: none;
	border-radius: 8px;
	cursor: pointer;
	margin-top: 10px;
}

.kaaam-mission-complete-btn.completed {
	background-color: var(--kaaam-success);
	color: #ffffff;
}

/* چک‌لیست تعاملی */
.kaaam-checklist-top {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	gap: 10px;
	margin-bottom: 14px;
}

.kaaam-checklist-items {
	list-style: none;
	padding: 0;
	margin: 0;
}

.kaaam-checklist-items li {
	padding: 10px 12px;
	border-bottom: 1px solid var(--kaaam-border);
}

.kaaam-check-label {
	display: flex;
	align-items: center;
	gap: 10px;
	cursor: pointer;
}

.kaaam-check-input:checked + span {
	text-decoration: line-through;
	color: var(--kaaam-muted);
}

/* خودارزیابی ۵ سطحی */
.kaaam-mastery-steps {
	display: grid;
	grid-template-columns: 1fr;
	gap: 10px;
	margin-top: 14px;
}

.kaaam-mastery-step {
	background: var(--kaaam-surface);
	padding: 10px 14px;
	border-radius: 8px;
	border: 1px solid var(--kaaam-border);
	display: flex;
	align-items: center;
	gap: 8px;
	cursor: pointer;
}

/* ناوبری زنجیره یادگیری */
.kaaam-chain-nav {
	display: grid;
	grid-template-columns: 1fr;
	gap: 14px;
	margin: 28px 0;
}

.kaaam-chain-card {
	display: block;
	background: var(--kaaam-surface);
	border: 1px solid var(--kaaam-border);
	border-radius: var(--kaaam-radius);
	padding: 16px;
	text-decoration: none !important;
	color: var(--kaaam-dark) !important;
}

.kaaam-chain-next {
	border-right: 4px solid var(--kaaam-gold);
	background: #FFFDF9;
}

.kaaam-chain-label {
	display: block;
	font-size: 0.82rem;
	color: var(--kaaam-purple);
	margin-bottom: 4px;
}

/* باکس محصول ووکامرس */
.kaaam-wc-product-box {
	background: linear-gradient(135deg, var(--kaaam-dark), var(--kaaam-purple));
	color: #ffffff;
	border-radius: var(--kaaam-radius);
	padding: 24px;
	display: flex;
	flex-direction: column;
	gap: 16px;
	align-items: flex-start;
	justify-content: space-between;
}

.kaaam-wc-product-box h4 {
	color: #ffffff !important;
	margin: 6px 0;
	font-size: 1.25rem;
}

.kaaam-wc-badge {
	color: var(--kaaam-gold);
	font-size: 0.85rem;
	font-weight: 700;
}

.kaaam-backup-bar {
	margin-top: 20px;
	padding: 12px 16px;
	background: var(--kaaam-surface);
	border-radius: 8px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	gap: 10px;
	font-size: 0.88rem;
}

.kaaam-btn-small {
	background: var(--kaaam-dark);
	color: #ffffff;
	border: none;
	padding: 6px 14px;
	border-radius: 6px;
	cursor: pointer;
	font-family: inherit;
}

/* نقاط شکست دسکتاپ و تبلت */
@media (min-width: 768px) {
	.kaaam-hero h1 {
		font-size: 2.3rem;
	}
	.kaaam-hero-actions {
		flex-direction: row;
	}
	.kaaam-continue-banner,
	.kaaam-wc-product-box {
		flex-direction: row;
		align-items: center;
	}
	.kaaam-diag-grid {
		grid-template-columns: 1fr 1fr auto;
	}
	.kaaam-stages-grid {
		grid-template-columns: repeat(3, 1fr);
	}
	.kaaam-mastery-steps {
		grid-template-columns: repeat(5, 1fr);
	}
	.kaaam-chain-nav {
		grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
	}
}