/* ============================================================
   قلموم ۲۰۲۶ — لایه‌ی تکامل محصول
   قواعد این فایل پس از base.css بارگذاری می‌شوند تا فازهای بازطراحی
   بدون جنگ با آبشار تاریخی و بدون !important پیش بروند.
   ============================================================ */

/* ---------- سیستم اعتماد: نظرات ---------- */
.gh-trust-hero {
	max-width: none;
	margin-block-end: 36px;
	background:
		radial-gradient(circle at 84% 20%, var(--gh-success-surface), transparent 23rem),
		var(--gh-bg-raised);
}

.gh-trust-hero > p {
	max-width: 680px;
}

.gh-trust-metrics {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-block-start: 26px;
}

.gh-trust-metrics > div {
	display: flex;
	align-items: center;
	gap: 9px;
	min-height: 48px;
	padding: 9px 14px;
	border: 1px solid var(--gh-border-default);
	border-radius: var(--gh-r-md);
	background: color-mix(in srgb, var(--gh-bg-surface) 86%, transparent);
}

.gh-trust-metrics b {
	color: var(--gh-text-primary);
	font-size: 18px;
	font-weight: 950;
	font-variant-numeric: tabular-nums;
}

.gh-trust-metrics b svg {
	display: block;
	width: 21px;
	height: 21px;
	color: var(--gh-success-text);
}

.gh-trust-metrics span {
	color: var(--gh-text-secondary);
	font-size: 11.5px;
	font-weight: 750;
}

.gh-review-card {
	min-height: 250px;
	background:
		linear-gradient(145deg, color-mix(in srgb, var(--gh-accent-surface) 26%, transparent), transparent 48%),
		var(--gh-bg-raised);
}

.gh-review-card .gh-card-body {
	display: flex;
	flex-direction: column;
	height: 100%;
}

.gh-review-card-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	margin-block-end: 14px;
}

.gh-review-card-head .gh-stars {
	margin: 0;
}

.gh-review-kind {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	padding: 4px 8px;
	border: 1px solid var(--gh-border-default);
	border-radius: var(--gh-r-full);
	color: var(--gh-text-tertiary);
	font-size: 10px;
	font-weight: 800;
}

.gh-review-kind.is-verified {
	border-color: color-mix(in srgb, var(--gh-success-text) 22%, transparent);
	background: var(--gh-success-surface);
	color: var(--gh-success-text);
}

.gh-review-kind svg {
	width: 11px;
	height: 11px;
}

.gh-review-text {
	font-size: 14px;
	line-height: 2;
	flex: 1;
}

.gh-review-person {
	margin-block-start: auto;
	padding-block-start: 14px;
	border-block-start: 1px solid var(--gh-border-subtle);
}

/* ---------- سیستم اعتماد: استعلام گواهی ---------- */
.gh-verify-box {
	width: 100%;
	max-width: none;
}

.gh-verify-hero {
	max-width: none;
	margin-inline: 0;
	padding: 38px 32px;
	text-align: start;
	background:
		radial-gradient(circle at 50% 10%, var(--gh-accent-surface), transparent 22rem),
		var(--gh-bg-raised);
}

.gh-verify-hero > p {
	margin-inline: 0 auto;
}

.gh-verify-seal,
.gh-page-hero-icon {
	display: grid;
	place-items: center;
	width: 62px;
	height: 62px;
	margin: 0 0 18px auto;
	border: 1px solid var(--gh-accent-border);
	border-radius: 50%;
	background: var(--gh-accent-surface);
	color: var(--gh-accent-text);
	box-shadow: 0 0 0 8px color-mix(in srgb, var(--gh-accent-surface) 55%, transparent);
}

.gh-verify-seal svg,
.gh-page-hero-icon svg {
	width: 29px;
	height: 29px;
}

.gh-verify-form {
	display: block;
	margin-block: 20px 24px;
	padding: 20px;
	border: 1px solid var(--gh-border-default);
	border-radius: var(--gh-radius-card);
	background: var(--gh-bg-raised);
	box-shadow: var(--gh-shadow-2);
}

.gh-verify-form > label {
	display: block;
	margin-block-end: 8px;
	font-size: 12px;
	font-weight: 850;
}

.gh-verify-form-row {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 8px;
}

.gh-verify-form-row input {
	width: 100%;
	min-height: 48px;
	border: 1.5px solid var(--gh-border-default);
	border-radius: var(--gh-r-md);
	background: var(--gh-bg-surface);
	color: var(--gh-text-primary);
	font: 750 15px/1.5 ui-monospace, 'SF Mono', Menlo, monospace;
	letter-spacing: .035em;
	padding-inline: 14px;
}

.gh-verify-form-row input:focus {
	outline: none;
	border-color: var(--gh-accent-solid);
	box-shadow: var(--gh-focus-ring);
}

.gh-verify-form > small {
	display: block;
	margin-block-start: 8px;
	color: var(--gh-text-tertiary);
	font-size: 11px;
}

.gh-verify-result {
	position: relative;
	overflow: hidden;
	padding: 30px;
	box-shadow: var(--gh-shadow-1);
}

.gh-certs-sec {
	width: 100%;
	max-width: none;
	margin-block-start: 72px;
}

/* ---------- درباره: حضور حرفه‌ای مدرس ---------- */
.gh-about-hero {
	padding-block: 82px 50px;
}

.gh-about-hero-inner {
	padding: clamp(24px, 4vw, 48px);
	border: 1px solid var(--gh-border-default);
	border-radius: var(--gh-radius-section);
	background:
		linear-gradient(120deg, color-mix(in srgb, var(--gh-accent-surface) 58%, transparent), transparent 55%),
		var(--gh-bg-raised);
	box-shadow: var(--gh-shadow-2);
}

.gh-about-photo {
	width: clamp(180px, 22vw, 260px);
	height: clamp(180px, 22vw, 260px);
	border: 8px solid var(--gh-bg-raised);
	box-shadow: 0 0 0 1px var(--gh-border-default), var(--gh-shadow-3);
}

.gh-about-id {
	flex: 1;
}

.gh-about-id h1 {
	font-size: clamp(38px, 5vw, 62px);
	letter-spacing: -.055em;
}

.gh-about-headline {
	max-width: 650px;
	font-size: clamp(16px, 1.8vw, 20px);
	line-height: 1.9;
}

.gh-about-bio-layout {
	grid-template-columns: minmax(0, 1fr) 350px;
}

.gh-about-bio {
	padding: clamp(22px, 3vw, 34px);
	border: 1px solid var(--gh-border-default);
	border-radius: var(--gh-radius-card);
	background: var(--gh-bg-raised);
	box-shadow: var(--gh-shadow-1);
}

.gh-about-side {
	top: var(--gh-sticky-offset);
}

.gh-about-card {
	box-shadow: var(--gh-shadow-1);
}

@media (max-width: 900px) {
	.gh-about-hero-inner {
		flex-direction: column;
		text-align: start;
	}

	.gh-about-social,
	.gh-about-id .gh-hero-ctas {
		justify-content: flex-start;
	}

	.gh-about-bio-layout {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 640px) {
	.gh-trust-metrics {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.gh-trust-metrics > div:last-child:nth-child(odd) {
		grid-column: 1 / -1;
	}

	.gh-review-card-head {
		align-items: flex-start;
		flex-direction: column;
	}

	.gh-verify-hero {
		padding: 30px 20px;
	}

	.gh-verify-form {
		padding: 16px;
	}

	.gh-verify-form-row {
		grid-template-columns: 1fr;
	}

	.gh-verify-form-row .gh-btn {
		width: 100%;
	}

	.gh-about-hero {
		padding-block: 38px 28px;
	}

	.gh-about-hero-inner {
		padding: 26px 18px;
	}

	.gh-about-photo {
		width: 150px;
		height: 150px;
	}
}

/* ---------- ورود: دروازه‌ی محصول ---------- */
.gh-login-body {
	min-height: 100svh;
}

.gh-login-wrap {
	display: grid;
	grid-template-columns: minmax(0, 1.05fr) minmax(340px, 440px);
	align-items: center;
	gap: clamp(32px, 7vw, 96px);
	width: min(1060px, 100%);
}

.gh-login-logo {
	position: absolute;
	inset-block-start: 28px;
	inset-inline-start: 32px;
}

.gh-login-intro {
	max-width: 560px;
}

.gh-login-intro h1 {
	margin-block: 12px 16px;
	font-size: clamp(38px, 5.5vw, 66px);
	letter-spacing: -.06em;
	line-height: 1.2;
}

.gh-login-intro > p {
	max-width: 520px;
	color: var(--gh-text-secondary);
	font-size: clamp(15px, 1.6vw, 18px);
	line-height: 1.95;
}

.gh-login-benefits {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 26px 0 0;
	padding: 0;
	list-style: none;
}

.gh-login-benefits li {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	padding: 8px 11px;
	border: 1px solid var(--gh-border-default);
	border-radius: var(--gh-r-full);
	background: color-mix(in srgb, var(--gh-bg-raised) 72%, transparent);
	color: var(--gh-text-secondary);
	font-size: 11px;
	font-weight: 800;
}

.gh-login-benefits li::before {
	content: '✓';
	color: var(--gh-success-text);
	font-weight: 1000;
}

.gh-login-card {
	width: 100%;
	border: 1px solid var(--gh-border-default);
	background: color-mix(in srgb, var(--gh-bg-raised) 94%, transparent);
	backdrop-filter: blur(18px);
}

.gh-login-card h2 {
	margin: 0 0 7px;
	font-size: 22px;
	font-weight: 900;
}

.gh-login-card .gh-field small {
	display: block;
	margin-block-start: 7px;
	color: var(--gh-text-tertiary);
	font-size: 10px;
	line-height: 1.8;
}

.gh-login-back {
	position: absolute;
	inset-block-end: 26px;
	inset-inline-start: 32px;
}

@media (max-width: 820px) {
	.gh-login-body {
		align-items: start;
		padding-block: 84px 72px;
	}

	.gh-login-wrap {
		grid-template-columns: 1fr;
		gap: 28px;
	}

	.gh-login-intro {
		text-align: center;
	}

	.gh-login-intro > p {
		margin-inline: auto;
	}

	.gh-login-benefits {
		justify-content: center;
	}

	.gh-login-card {
		max-width: 460px;
		margin-inline: auto;
	}
}

@media (max-width: 520px) {
	.gh-login-body {
		padding: 78px 16px 66px;
	}

	.gh-login-logo {
		inset-block-start: 20px;
		inset-inline-start: 20px;
	}

	.gh-login-intro h1 {
		font-size: 36px;
	}

	.gh-login-card {
		padding: 26px 20px;
	}

	.gh-login-back {
		inset-block-end: 20px;
		inset-inline-start: 20px;
	}
}

/* ---------- تجارت دیجیتال: سبد، پرداخت و حساب ---------- */
.gh-commerce-page {
	padding-block-start: clamp(38px, 6vw, 72px);
}

.gh-commerce-hero {
	max-width: 760px;
	margin-block-end: 28px;
}

.gh-commerce-hero h1 {
	margin-block: 10px 10px;
	font-size: clamp(34px, 5vw, 58px);
	letter-spacing: -.055em;
}

.gh-commerce-hero p {
	max-width: 680px;
	margin: 0;
	color: var(--gh-text-secondary);
	font-size: 16px;
	line-height: 1.9;
}

.gh-checkout-steps {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	margin: 34px 0 30px;
	padding: 0;
	list-style: none;
}

.gh-checkout-steps li {
	position: relative;
	display: flex;
	align-items: center;
	gap: 9px;
	color: var(--gh-text-tertiary);
	font-size: 11px;
	font-weight: 800;
}

.gh-checkout-steps li:not(:last-child)::after {
	content: '';
	position: absolute;
	inset-inline: 42px 12px;
	inset-block-start: 16px;
	height: 1px;
	background: var(--gh-border-default);
}

.gh-checkout-steps b {
	position: relative;
	z-index: 1;
	display: grid;
	place-items: center;
	width: 32px;
	height: 32px;
	border: 1px solid var(--gh-border-default);
	border-radius: 50%;
	background: var(--gh-bg-raised);
	color: var(--gh-text-tertiary);
	font: 800 12px/1 var(--gh-font, inherit);
}

.gh-checkout-steps .is-current,
.gh-checkout-steps .is-done {
	color: var(--gh-text-primary);
}

.gh-checkout-steps .is-current b {
	border-color: var(--gh-accent-solid);
	background: var(--gh-accent-solid);
	color: var(--gh-white);
	box-shadow: 0 0 0 5px var(--gh-accent-surface);
}

.gh-checkout-steps .is-done b {
	border-color: var(--gh-success-text);
	background: var(--gh-success-surface);
	color: var(--gh-success-text);
}

.gh-commerce-layout {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 290px;
	align-items: start;
	gap: 24px;
}

.gh-commerce-content {
	min-width: 0;
	padding: clamp(18px, 3vw, 30px);
	border: 1px solid var(--gh-border-default);
	border-radius: var(--gh-radius-card);
	background: var(--gh-bg-raised);
	box-shadow: var(--gh-shadow-1);
}

.gh-commerce-assurance {
	position: sticky;
	top: var(--gh-sticky-offset);
	padding: 22px;
	border: 1px solid var(--gh-border-default);
	border-radius: var(--gh-radius-card);
	background:
		linear-gradient(145deg, var(--gh-accent-surface), transparent 58%),
		var(--gh-bg-raised);
}

.gh-commerce-assurance h2 {
	margin: 0 0 16px;
	font-size: 16px;
}

.gh-commerce-assurance ul {
	display: grid;
	gap: 15px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.gh-commerce-assurance li {
	position: relative;
	padding-inline-start: 22px;
}

.gh-commerce-assurance li::before {
	content: '✓';
	position: absolute;
	inset-inline-start: 0;
	inset-block-start: 1px;
	color: var(--gh-success-text);
	font-weight: 1000;
}

.gh-commerce-assurance li b,
.gh-commerce-assurance li span {
	display: block;
}

.gh-commerce-assurance li b {
	font-size: 12px;
}

.gh-commerce-assurance li span {
	margin-block-start: 3px;
	color: var(--gh-text-tertiary);
	font-size: 10px;
	line-height: 1.8;
}

.gh-commerce-assurance > a {
	display: inline-block;
	margin-block-start: 18px;
	color: var(--gh-accent-text);
	font-size: 11px;
	font-weight: 850;
}

/* یکپارچه‌سازی بلوک‌های Cart/Checkout ووکامرس با سیستم طراحی قلموم. */
.gh-commerce-content :where(.wc-block-cart, .wc-block-checkout) {
	margin: 0 !important;
	font-family: inherit;
}

.gh-commerce-content :where(.wc-block-components-sidebar, .wc-block-components-main) {
	padding: 0 !important;
}

.gh-commerce-content :where(.wc-block-components-sidebar-layout) {
	gap: 24px;
}

.gh-commerce-content :where(.wc-block-components-totals-wrapper, .wc-block-components-order-summary, .wc-block-components-checkout-step) {
	border-color: var(--gh-border-default) !important;
}

.gh-commerce-content :where(.wc-block-components-checkout-step__heading, .wc-block-cart-items__header) {
	color: var(--gh-text-primary);
}

.gh-commerce-content :where(input, select, textarea, .wc-block-components-text-input input) {
	border-color: var(--gh-border-default) !important;
	border-radius: var(--gh-r-md) !important;
	background: var(--gh-bg-surface) !important;
	color: var(--gh-text-primary) !important;
	font-family: inherit !important;
}

.gh-commerce-content :where(input, select, textarea):focus {
	outline: none !important;
	border-color: var(--gh-accent-solid) !important;
	box-shadow: var(--gh-focus-ring) !important;
}

.gh-commerce-content :where(.wc-block-components-button, .wc-block-cart__submit-button, .wc-block-components-checkout-place-order-button) {
	min-height: 48px;
	border: 0 !important;
	border-radius: var(--gh-r-md) !important;
	background: var(--gh-accent-solid) !important;
	color: var(--gh-white) !important;
	font-family: inherit !important;
	font-size: 13px !important;
	font-weight: 900 !important;
	box-shadow: var(--gh-shadow-1);
}

.gh-commerce-content :where(.wc-block-components-button, .wc-block-cart__submit-button):hover {
	background: var(--gh-accent-hover) !important;
	transform: translateY(-1px);
}

.gh-commerce-content :where(.wc-block-components-product-name, .wc-block-components-order-summary-item__description) {
	color: var(--gh-text-primary) !important;
	font-weight: 850;
}

.gh-commerce-content :where(.wc-block-components-product-price, .wc-block-components-totals-item__value) {
	font-variant-numeric: tabular-nums;
	font-weight: 850;
}

.gh-commerce-content :where(.wc-block-cart__empty-cart__title, .wp-block-woocommerce-empty-cart-block .wp-block-heading) {
	color: var(--gh-text-primary);
	font-family: inherit;
}

.gh-content-page {
	max-width: 920px;
}

.gh-page-article {
	padding: clamp(24px, 4vw, 46px);
	border: 1px solid var(--gh-border-default);
	border-radius: var(--gh-radius-card);
	background: var(--gh-bg-raised);
	box-shadow: var(--gh-shadow-1);
}

.gh-page-head {
	margin-block-end: 28px;
	padding-block-end: 18px;
	border-block-end: 1px solid var(--gh-border-default);
}

.gh-page-head h1 {
	margin: 0;
	font-size: clamp(30px, 5vw, 48px);
}

@media (max-width: 980px) {
	.gh-commerce-layout {
		grid-template-columns: 1fr;
	}

	.gh-commerce-assurance {
		position: static;
	}

	.gh-commerce-assurance ul {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (max-width: 640px) {
	.gh-checkout-steps span {
		display: none;
	}

	.gh-checkout-steps li {
		justify-content: center;
	}

	.gh-checkout-steps li:not(:last-child)::after {
		inset-inline: 50% -50%;
	}

	.gh-commerce-content {
		padding: 16px;
		border-radius: var(--gh-radius-group);
	}

	.gh-commerce-assurance ul {
		grid-template-columns: 1fr;
	}
}

/* ---------- کشف محتوا: نمونه‌کار، فونت، مجله و جست‌وجو ---------- */
.gh-discovery-page {
	padding-block-start: clamp(44px, 7vw, 88px);
}

.gh-discovery-hero {
	position: relative;
	overflow: hidden;
	max-width: none;
	margin-block-end: clamp(34px, 5vw, 62px);
	padding: clamp(26px, 5vw, 54px);
	border: 1px solid var(--gh-border-default);
	border-radius: var(--gh-radius-section);
	background:
		radial-gradient(circle at 10% 15%, color-mix(in srgb, var(--gh-accent-surface) 78%, transparent), transparent 23rem),
		linear-gradient(135deg, color-mix(in srgb, var(--gh-bg-raised) 90%, transparent), var(--gh-bg-surface));
	box-shadow: var(--gh-shadow-2);
}

.gh-discovery-hero::after {
	content: '';
	position: absolute;
	inset-block-start: -80px;
	inset-inline-end: -70px;
	width: 230px;
	aspect-ratio: 1;
	border: 1px solid var(--gh-accent-border);
	border-radius: 50%;
	opacity: .55;
	pointer-events: none;
}

.gh-discovery-hero h1 {
	max-width: 820px;
	margin-block: 10px 12px;
	font-size: clamp(38px, 6vw, 72px);
	letter-spacing: -.055em;
}

.gh-discovery-hero > p {
	max-width: 720px;
	margin: 0;
	color: var(--gh-text-secondary);
	font-size: clamp(15px, 1.7vw, 19px);
	line-height: 1.9;
}

.gh-discovery-facts {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-block-start: 24px;
}

.gh-discovery-facts span {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	min-height: 34px;
	padding-inline: 12px;
	border: 1px solid var(--gh-border-default);
	border-radius: var(--gh-r-full);
	background: color-mix(in srgb, var(--gh-bg-raised) 82%, transparent);
	color: var(--gh-text-secondary);
	font-size: 11px;
	font-weight: 800;
}

.gh-discovery-facts span::before {
	content: '';
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: var(--gh-accent-solid);
	box-shadow: 0 0 0 3px var(--gh-accent-surface);
}

.gh-discovery-section + .gh-discovery-section {
	margin-block-start: clamp(48px, 7vw, 78px);
}

.gh-discovery-section-head {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 20px;
	margin-block-end: 20px;
	padding-block-end: 14px;
	border-block-end: 1px solid var(--gh-border-default);
}

.gh-discovery-section-head span,
.gh-card-kicker {
	display: block;
	margin-block-end: 5px;
	color: var(--gh-accent-text);
	font-size: 10px;
	font-weight: 900;
	letter-spacing: .07em;
}

.gh-discovery-section-head h2 {
	margin: 0;
	font-size: clamp(22px, 3vw, 32px);
}

.gh-discovery-section-head > b {
	display: grid;
	place-items: center;
	min-width: 38px;
	height: 38px;
	border-radius: 50%;
	background: var(--gh-bg-inverse);
	color: var(--gh-text-inverse);
	font-size: 12px;
}

.gh-discovery-nav {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-block-start: 24px;
}

.gh-discovery-nav a {
	padding: 8px 13px;
	border: 1px solid var(--gh-border-default);
	border-radius: var(--gh-r-full);
	background: var(--gh-bg-raised);
	color: var(--gh-text-secondary);
	font-size: 11px;
	font-weight: 800;
	transition: border-color .2s ease, color .2s ease, transform .2s ease;
}

.gh-discovery-nav a:hover,
.gh-discovery-nav a.is-active {
	border-color: var(--gh-accent-border);
	color: var(--gh-accent-text);
	transform: translateY(-1px);
}

.gh-article-card .gh-card-body {
	display: flex;
	flex: 1;
	flex-direction: column;
}

.gh-article-card .gh-card-title {
	margin-block-start: 2px;
}

.gh-article-meta {
	margin-block-start: auto;
	padding-block-start: 14px;
	border-block-start: 1px solid var(--gh-border-subtle);
}

.gh-search-refine {
	position: relative;
	z-index: 1;
	max-width: 520px;
	margin-block-start: 22px;
}

.gh-search-page .gh-grid-cards {
	align-items: stretch;
}

.gh-empty-actions {
	justify-content: center;
}

@media (max-width: 640px) {
	.gh-discovery-page {
		padding-block-start: 28px;
	}

	.gh-discovery-hero {
		padding: 26px 18px;
		border-radius: var(--gh-r-lg);
	}

	.gh-discovery-hero::after {
		width: 150px;
	}

	.gh-discovery-facts {
		align-items: stretch;
		flex-direction: column;
	}

	.gh-discovery-facts span {
		width: 100%;
	}

	.gh-discovery-section-head {
		align-items: center;
	}

	.gh-discovery-nav {
		flex-wrap: nowrap;
		overflow-x: auto;
		padding-block-end: 5px;
		scrollbar-width: none;
	}

	.gh-discovery-nav a {
		flex: 0 0 auto;
	}
}