/*
Theme Name: طلایاب (Tala-Yab)
Theme URI: https://example.com/tala-yab
Author: Tala-Yab
Author URI: https://example.com
Description: قالب مقایسهٔ قیمت طلا؛ ریسپانسیو، راست‌به‌چپ و بهینه برای سئو. همراه با پلاگین Gold Price Aggregator برای دریافت خودکار قیمت طلا.
Version: 1.13.0
Requires at least: 6.4
Requires PHP: 7.4
Tested up to: 6.7
Text Domain: tala-yab
Domain Path: /languages
License: GNU General Public License v2 or later
License URI: LICENSE
Tags: rtl-language-support, custom-logo, custom-menu, featured-images, translation-ready, blog, e-commerce
*/

/* ------------------------------------------------------------------ */
/* Design tokens                                                       */
/* ------------------------------------------------------------------ */

:root {
	--tala-yab-primary: #c9971e;
	/* به‌اندازه‌ای تیره که متن لینک/قیمت روی سفید به کنتراست AA برسد */
	--tala-yab-primary-dark: #8f6a10;
	--tala-yab-primary-soft: #fbf1dc;
	--tala-yab-ink: #201c14;
	--tala-yab-ink-soft: #5c5648;
	--tala-yab-bg: #ffffff;
	--tala-yab-bg-soft: #faf7f0;
	--tala-yab-border: #e8e1d0;
	--tala-yab-success: #1a7a3c;
	--tala-yab-danger: #b32d2e;
	--tala-yab-radius: 16px;
	--tala-yab-radius-sm: 11px;
	--tala-yab-shadow: 0 2px 14px rgba(32, 28, 20, 0.07);
	--tala-yab-max-width: 1200px;
	--tala-yab-font: 'Vazirmatn', 'Vazir', Tahoma, 'Segoe UI', Arial, sans-serif;
}

/* ------------------------------------------------------------------ */
/* Reset & base                                                        */
/* ------------------------------------------------------------------ */

*,
*::before,
*::after {
	box-sizing: border-box;
}

html {
	scroll-behavior: smooth;
}

body {
	margin: 0;
	font-family: var(--tala-yab-font);
	font-size: 16px;
	line-height: 1.8;
	color: var(--tala-yab-ink);
	background: var(--tala-yab-bg);
	direction: rtl;
}

img {
	max-width: 100%;
	height: auto;
	display: block;
}

a {
	color: var(--tala-yab-primary-dark);
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: 700;
	line-height: 1.35;
	margin-block: 0 0.6em;
	color: var(--tala-yab-ink);
}
h1 { font-size: clamp(1.7rem, 1.3rem + 1.6vw, 2.6rem); }
h2 { font-size: clamp(1.4rem, 1.15rem + 1vw, 2rem); }
h3 { font-size: 1.25rem; }

p { margin-block: 0 1em; }

ul, ol { margin-block: 0 1em; padding-inline-start: 1.4em; }

table { border-collapse: collapse; width: 100%; }

button, input, select, textarea {
	font-family: inherit;
	font-size: 1rem;
}

.screen-reader-text {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
	white-space: nowrap;
}
.screen-reader-text:focus {
	position: fixed;
	inset-block-start: 8px;
	inset-inline-start: 8px;
	width: auto;
	height: auto;
	padding: 10px 16px;
	background: var(--tala-yab-ink);
	color: #fff;
	border-radius: var(--tala-yab-radius-sm);
	z-index: 10000;
	clip: auto;
}

/* ------------------------------------------------------------------ */
/* Layout                                                               */
/* ------------------------------------------------------------------ */

.tala-yab-container {
	max-width: var(--tala-yab-max-width);
	margin-inline: auto;
	padding-inline: 20px;
}

.site-content {
	padding-block: 32px 56px;
}

.tala-yab-section {
	padding-block: 40px;
}
.tala-yab-section--soft {
	background: var(--tala-yab-bg-soft);
}

.tala-yab-section-title {
	text-align: center;
	margin-block-end: 8px;
}
.tala-yab-section-subtitle {
	text-align: center;
	color: var(--tala-yab-ink-soft);
	margin-block-end: 28px;
}

/* alignwide/alignfull support for block content (landing pages) */
.alignwide { max-width: calc(var(--tala-yab-max-width) + 160px); margin-inline: auto; }
.alignfull { width: 100%; max-width: none; }

/* ------------------------------------------------------------------ */
/* Header                                                               */
/* ------------------------------------------------------------------ */

.site-header {
	border-block-end: 1px solid var(--tala-yab-border);
	background: var(--tala-yab-bg);
	position: sticky;
	inset-block-start: 0;
	z-index: 100;
}

.site-header__inner {
	display: flex;
	align-items: center;
	gap: 20px;
	padding-block: 14px;
	flex-wrap: wrap;
}

.site-branding {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-inline-end: auto;
}
.site-branding img { max-height: 56px; width: auto; border-radius: 10px; }
.site-branding .site-title {
	font-size: 1.4rem;
	margin: 0;
	white-space: nowrap;
}
.site-branding .site-title a {
	color: var(--tala-yab-ink);
	text-decoration: none;
}
.site-branding .site-description {
	display: none;
}

.main-navigation {
	order: 3;
	flex-basis: 100%;
}
.main-navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 4px;
}
.main-navigation li { position: relative; }
.main-navigation a {
	display: block;
	padding: 10px 14px;
	color: var(--tala-yab-ink);
	border-radius: var(--tala-yab-radius-sm);
}
.main-navigation a:hover,
.main-navigation .current-menu-item > a {
	background: var(--tala-yab-primary-soft);
	color: var(--tala-yab-primary-dark);
	text-decoration: none;
}
.main-navigation .sub-menu {
	display: none;
	position: absolute;
	inset-inline-start: 0;
	inset-block-start: 100%;
	background: #fff;
	box-shadow: var(--tala-yab-shadow);
	border-radius: var(--tala-yab-radius-sm);
	min-width: 200px;
	padding: 6px;
	z-index: 50;
}
.main-navigation li:hover > .sub-menu,
.main-navigation li:focus-within > .sub-menu {
	display: block;
}

.menu-toggle {
	display: none;
	order: 2;
	margin-inline-start: auto;
	background: none;
	border: 1px solid var(--tala-yab-border);
	border-radius: var(--tala-yab-radius-sm);
	padding: 8px 12px;
	cursor: pointer;
}

.header-search {
	order: 1;
	flex: 1 1 220px;
	max-width: 420px;
}
.header-search form {
	display: flex;
	border: 1px solid var(--tala-yab-border);
	border-radius: 999px;
	overflow: hidden;
}
.header-search input[type="search"] {
	flex: 1;
	border: none;
	padding: 10px 16px;
	background: transparent;
}
/* حذف کامل outline دسترس‌پذیری را می‌شکند؛ فقط برای کلیک ماوس برداشته
   می‌شود و پیمایش با کیبورد حلقهٔ فوکوس خودش را می‌گیرد (پایین فایل). */
.header-search input[type="search"]:focus:not(:focus-visible) { outline: none; }
.header-search button {
	border: none;
	background: var(--tala-yab-primary);
	color: #fff;
	padding: 0 18px;
	cursor: pointer;
}

.header-account a {
	display: inline-block;
	padding: 8px 16px;
	border: 1px solid var(--tala-yab-primary);
	color: var(--tala-yab-primary-dark);
	border-radius: 999px;
	white-space: nowrap;
}
.header-account a:hover { background: var(--tala-yab-primary-soft); text-decoration: none; }

@media (max-width: 781px) {
	.menu-toggle { display: inline-block; }
	.main-navigation { display: none; }
	.main-navigation.is-open { display: block; }
	.main-navigation ul { flex-direction: column; }
	.main-navigation .sub-menu { position: static; box-shadow: none; padding-inline-start: 16px; }
}

/* ------------------------------------------------------------------ */
/* Hero / tgju ticker                                                   */
/* ------------------------------------------------------------------ */

/* هیرو تیره، مستقیماً از خود لوگو گرفته شده: طلایی روی زغالی. طلا همیشه
   روی زمینهٔ تیره درخشان‌تر دیده می‌شود و لوگو هم دیگر وصله به‌نظر نمی‌رسد. */
/* پنل شناور با گوشه‌های گرد به‌جای نوار تیزگوشهٔ تمام‌عرض، و زمینه‌ای
   گرم‌تر و روشن‌تر از مشکی قبلی (قهوه‌ای-برنزی) که با طلا هم‌خانواده است. */
.tala-yab-hero {
	background:
		radial-gradient(900px 380px at 50% -10%, rgba(212, 166, 62, 0.20), transparent 70%),
		linear-gradient(165deg, #3b332a 0%, #4a4034 55%, #332c24 100%);
	padding-block: 48px 42px;
	text-align: center;
	color: #f4efe4;
	margin: 16px 18px 0;
	border-radius: 28px;
	box-shadow: 0 14px 38px rgba(58, 46, 24, 0.20);
	overflow: hidden;
}

@media (max-width: 640px) {
	.tala-yab-hero {
		margin: 10px 12px 0;
		border-radius: 20px;
		padding-block: 34px 30px;
	}
}
.tala-yab-hero__title {
	margin-block-end: 10px;
	color: #fdf7e8;
}
.tala-yab-hero__subtitle {
	color: #c3b9a4;
	max-width: 640px;
	margin-inline: auto;
	margin-block-end: 28px;
}

.gpa-tgju-widget {
	background: rgba(255, 255, 255, 0.045);
	border: 1px solid rgba(214, 176, 92, 0.28);
	border-radius: var(--tala-yab-radius);
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.28);
	padding: 20px;
	max-width: 960px;
	margin-inline: auto;
}
.gpa-tgju-widget__title {
	margin-block-end: 16px;
	font-size: 1rem;
	color: #f0e9d9;
	display: flex;
	align-items: baseline;
	justify-content: center;
	gap: 10px;
	flex-wrap: wrap;
}
.gpa-tgju-widget__src {
	font-size: 0.74rem;
	font-weight: 400;
	/* روشن‌تر از حدس اولیه تا کنتراست روی زمینهٔ تیره به حد WCAG AA برسد */
	color: #c2bbab;
}
.gpa-tgju-widget__list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
	gap: 12px;
	text-align: start;
}
.gpa-tgju-widget__item {
	background: rgba(255, 255, 255, 0.055);
	border: 1px solid rgba(255, 255, 255, 0.07);
	border-radius: var(--tala-yab-radius-sm);
	padding: 11px 14px;
}
/* برچسب باید «زیرنویس» باشد نه رقیبِ قیمت: کوچک‌تر، سبک‌تر، آرام‌تر.
   قبلاً هم‌وزن و هم‌اندازهٔ قیمت بود و چشم نمی‌دانست کدام را بخواند. */
.gpa-tgju-widget__label {
	display: block;
	font-size: 0.78rem;
	font-weight: 500;
	line-height: 1.6;
	color: #d0cabb;
	letter-spacing: 0.2px;
	margin-block-end: 3px;
}
.gpa-tgju-widget__price {
	display: block;
	font-weight: 700;
	font-size: 1.12rem;
	color: #eccb78;
	letter-spacing: 0.2px;
	font-variant-numeric: tabular-nums;
}
.gpa-tgju-widget__unit {
	font-size: 0.72em;
	font-weight: 400;
	color: #d2caba;
}
.gpa-tgju-widget__updated {
	margin-block-start: 16px;
	font-size: 0.82rem;
	color: #c2bbab;
	text-align: center;
}

/* دکمهٔ «نمایش قیمت‌های بیشتر» */
.gpa-tgju-widget__more {
	display: block;
	margin: 14px auto 0;
	background: transparent;
	border: 1px solid rgba(214, 176, 92, 0.4);
	color: #e2c684;
	font-family: inherit;
	font-size: 0.85rem;
	padding: 7px 20px;
	border-radius: 999px;
	cursor: pointer;
	transition: background 0.15s ease, border-color 0.15s ease;
}
.gpa-tgju-widget__more:hover {
	background: rgba(214, 176, 92, 0.14);
	border-color: rgba(214, 176, 92, 0.7);
}
/* تا وقتی جاوااسکریپت اجرا نشده، هیچ قیمتی پنهان نمی‌شود و دکمه هم
   بی‌فایده است، پس اصلاً نمایش داده نمی‌شود. */
.gpa-tgju-widget:not(.is-collapsible) .gpa-tgju-widget__more { display: none; }
.gpa-tgju-widget.is-collapsible .gpa-tgju-widget__item.is-secondary { display: none; }
.gpa-tgju-widget.is-collapsible.is-expanded .gpa-tgju-widget__item.is-secondary { display: block; }
.gpa-tgju-widget__more-hide { display: none; }
.is-expanded .gpa-tgju-widget__more-show { display: none; }
.is-expanded .gpa-tgju-widget__more-hide { display: inline; }

/* «عدد قهرمان»: قیمت ۱۸ عیار تمام-عرض و درشت، بقیهٔ اقلام ثانویه */
.gpa-tgju-widget__item--featured {
	grid-column: 1 / -1;
	background: linear-gradient(135deg, rgba(214, 176, 92, 0.16), rgba(214, 176, 92, 0.05));
	border: 1px solid rgba(226, 190, 110, 0.42);
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 4px 14px;
	padding: 16px 20px;
}
.gpa-tgju-widget__item--featured .gpa-tgju-widget__label {
	font-size: 0.92rem;
	font-weight: 600;
	color: #ddd4bd;
	margin: 0;
}
.gpa-tgju-widget__item--featured .gpa-tgju-widget__price {
	font-size: clamp(1.55rem, 1.1rem + 1.7vw, 2.15rem);
	color: #f3d489;
	text-shadow: 0 1px 10px rgba(226, 190, 110, 0.25);
}

/* درصد تغییر روی زمینهٔ تیره باید روشن‌تر از نسخهٔ روی سفید باشد */
.tala-yab-hero .gpa-change--up { color: #7ed08c; }
.tala-yab-hero .gpa-change--down { color: #ef8f8a; }

.gpa-change { font-size: 0.85rem; font-weight: 700; margin-inline-start: 6px; }
.gpa-change--up { color: var(--tala-yab-success); }
.gpa-change--down { color: var(--tala-yab-danger); }

/* ------------------------------------------------------------------ */
/* Hero: tgju ticker + gold-bar banner side by side                    */
/* ------------------------------------------------------------------ */

.tala-yab-hero__row {
	display: flex;
	gap: 20px;
	align-items: stretch;
	max-width: 1120px;
	margin-inline: auto;
}
.tala-yab-hero__ticker { flex: 1 1 auto; min-width: 0; }
.tala-yab-hero__ticker .gpa-tgju-widget { height: 100%; margin: 0; }

/* بنر با نسبت مستطیل طلایی (۱.۶۱۸:۱) */
.gpa-bar-banner {
	flex: 0 0 clamp(240px, 30%, 360px);
	aspect-ratio: 1.618 / 1;
	align-self: center;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 6px;
	text-align: center;
	padding: 18px;
	border-radius: var(--tala-yab-radius);
	border: 2px solid #d9b24c;
	background: linear-gradient(135deg, #f7e7b0 0%, #e8c96a 38%, #d4a94a 70%, #b8891f 100%);
	box-shadow: 0 6px 20px rgba(160, 120, 20, 0.28);
	color: #5a4410;
	text-decoration: none;
	overflow: hidden;
	transition: transform 0.15s ease, box-shadow 0.15s ease;
}
.gpa-bar-banner:hover {
	transform: translateY(-3px);
	box-shadow: 0 10px 28px rgba(160, 120, 20, 0.38);
	text-decoration: none;
}
.gpa-bar-banner__icon { font-size: 2.4rem; line-height: 1; }
.gpa-bar-banner__title { font-size: 1.35rem; font-weight: 700; color: #4a3708; }
.gpa-bar-banner__sub { font-size: 0.85rem; color: #6b511a; }

/* حالت عکس آپلودشده: عکس با همان نسبت طلایی برش می‌خورد */
.gpa-bar-banner--image {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

@media (max-width: 781px) {
	.tala-yab-hero__row { flex-direction: column; }
	.gpa-bar-banner {
		flex-basis: auto;
		width: 100%;
		max-width: 420px;
		margin-inline: auto;
		aspect-ratio: 2.2 / 1;
	}
}

/* ------------------------------------------------------------------ */
/* Gold-bar (شمش) comparison page                                      */
/* ------------------------------------------------------------------ */

.gpa-gold-bar-section { margin-block-end: 40px; }
.gpa-gold-bar-section__title {
	font-size: 1.3rem;
	padding-inline-start: 12px;
	border-inline-start: 4px solid var(--tala-yab-primary);
	margin-block-end: 16px;
}

/* ------------------------------------------------------------------ */
/* Price comparison table                                               */
/* ------------------------------------------------------------------ */

.gpa-price-table-wrap {
	overflow-x: auto;
	border: 1px solid var(--tala-yab-border);
	border-radius: var(--tala-yab-radius);
	box-shadow: var(--tala-yab-shadow);
}
.gpa-price-table {
	width: 100%;
	min-width: 640px;
	background: #fff;
}
.gpa-price-table th,
.gpa-price-table td {
	padding: 12px 16px;
	text-align: start;
	border-block-end: 1px solid var(--tala-yab-border);
}
.gpa-price-table thead th {
	background: var(--tala-yab-bg-soft);
	font-weight: 700;
	font-size: 0.9rem;
	color: var(--tala-yab-ink-soft);
}
/* راه‌راه: در جدول چندردیفی، چشم راحت‌تر ردیف را دنبال می‌کند */
.gpa-price-table tbody tr:nth-child(even) { background: #fbf8f1; }

/* ردیف ارزان‌ترین: تصمیمی که کاربر برایش آمده، خودش را نشان می‌دهد.
   افست منفی چون سایت راست‌به‌چپ است و نوار باید لبهٔ راست بیفتد. */
.gpa-price-table tbody tr.gpa-row--best {
	background: #f4f9ef;
	box-shadow: inset -3px 0 0 var(--tala-yab-success);
}

/* hover باید بر هر دو قانون بالا غلبه کند، پس بعد از آن‌ها و با
   انتخابگر هم‌ارز برای ردیف ارزان‌ترین تکرار می‌شود */
.gpa-price-table tbody tr:hover,
.gpa-price-table tbody tr.gpa-row--best:hover { background: var(--tala-yab-primary-soft); }

/* ------------------------------------------------------------------ */
/* سلول فروشنده: دیسک شناسه + نام پررنگ + دامنهٔ آرام                   */
/* ------------------------------------------------------------------ */

.gpa-seller {
	display: flex;
	align-items: center;
	gap: 11px;
	min-width: 0;
}
/* دیسک رتبه: عدد جایگاه در ترتیب ارزان به گران */
.gpa-seller__rank {
	flex: 0 0 auto;
	width: 38px;
	height: 38px;
	display: grid;
	place-items: center;
	border-radius: 50%;
	background: linear-gradient(140deg, #f6e2ac, #d9ab3e 55%, #b8891f);
	color: #4a3708;
	font-weight: 700;
	font-size: 0.98rem;
	line-height: 1;
	box-shadow: 0 1px 3px rgba(150, 110, 20, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.45);
	user-select: none;
	/* عدد همیشه چپ‌به‌راست خوانده شود (مثلاً ۱۰ به‌جای ۰۱) */
	direction: ltr;
	font-variant-numeric: tabular-nums;
}
.gpa-seller__text {
	display: flex;
	flex-direction: column;
	gap: 1px;
	min-width: 0;
}
.gpa-seller__line { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; }
/* نام، «نام» است نه لینک طلایی: رنگ متن اصلی و وزن ۷۰۰ تا در نگاه اول
   خوانده شود؛ طلایی‌شدن را برای hover نگه می‌داریم. */
.gpa-seller__name {
	font-weight: 700;
	font-size: 1rem;
	color: var(--tala-yab-ink);
	text-decoration: none;
	line-height: 1.5;
}
a.gpa-seller__name:hover {
	color: var(--tala-yab-primary-dark);
	text-decoration: underline;
	text-underline-offset: 3px;
}
.gpa-seller__meta {
	font-size: 0.76rem;
	color: var(--tala-yab-ink-soft);
	letter-spacing: 0.2px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	/* دامنه لاتین است؛ در متن راست‌به‌چپ باید مستقل و راست‌چین بماند */
	text-align: start;
}
/* ---- دکمهٔ «مشاهده و خرید» ---------------------------------------- */
/* کاری که کاربر برای انجامش آمده، باید دیده شود. طرح خنثی (کادر طلایی
   روی زمینهٔ روشن) تا ردیف‌ها با هم رقابت بصری نکنند؛ فقط ارزان‌ترین
   فروشنده دکمهٔ پُر می‌گیرد. */
.gpa-visit {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	white-space: nowrap;
	padding: 8px 14px;
	/* کادر، تنها چیزی است که این را «دکمه» نشان می‌دهد، پس خودش هم باید
	   کنتراست ۳:۱ عناصر رابط را داشته باشد. طلایی اصلی روی سفید ۲٫۶۵
	   می‌شد؛ این هم‌ته‌رنگ ولی تیره‌تر است و روی هر سه زمینهٔ ردیف
	   (سفید، راه‌راه، hover) قبول می‌شود. */
	border: 1.5px solid #b0841a;
	border-radius: var(--tala-yab-radius-sm);
	background: #fff;
	color: var(--tala-yab-primary-dark);
	font-size: 0.86rem;
	font-weight: 700;
	text-decoration: none;
	transition: background-color 0.15s ease, color 0.15s ease, transform 0.15s ease;
}
.gpa-visit:hover,
.gpa-visit:focus-visible {
	background: var(--tala-yab-primary-dark);
	border-color: var(--tala-yab-primary-dark);
	color: #fff;
	transform: translateY(-1px);
}
.gpa-visit--best {
	background: var(--tala-yab-primary-dark);
	border-color: var(--tala-yab-primary-dark);
	color: #fff;
}
.gpa-visit--best:hover,
.gpa-visit--best:focus-visible { background: #74560c; border-color: #74560c; }
/* فلش در متن راست‌به‌چپ نباید آینه شود؛ جهتش معنا دارد */
.gpa-visit__icon { display: inline-block; font-size: 0.9em; direction: ltr; }
.gpa-price-table td.gpa-cell-visit { text-align: center; }

/* رتبهٔ ۱ سبز می‌شود تا با نشان «ارزان‌ترین» هم‌صدا باشد */
.gpa-row--best .gpa-seller__rank {
	background: linear-gradient(140deg, #cdebc4, #7fc06a 55%, #4e9a3c);
	color: #14401c;
	box-shadow: 0 1px 3px rgba(40, 110, 50, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.45);
}

@media (max-width: 640px) {
	/* در حالت کارتی، سلول فروشنده تیتر کارت است: تمام‌عرض و بدون برچسب */
	.gpa-price-table td.gpa-cell-seller { display: block; padding-block-end: 8px; }
	.gpa-price-table td.gpa-cell-seller::before { content: none; }
}

.gpa-best-badge {
	display: inline-block;
	padding: 2px 9px;
	border-radius: 999px;
	background: #e6f3e2;
	color: #1a6b30;
	border: 1px solid #bcdfb2;
	font-size: 0.72rem;
	font-weight: 700;
	white-space: nowrap;
	vertical-align: middle;
}
.gpa-price-table .gpa-price { font-weight: 700; }
.gpa-row--stale { opacity: 0.7; }
.gpa-stale-badge { margin-inline-start: 6px; }
.gpa-favorite-toggle { font-size: 1.2rem; text-decoration: none; color: var(--tala-yab-ink-soft); }
.gpa-favorite-toggle.is-active { color: var(--tala-yab-primary); }
.gpa-empty {
	text-align: center;
	padding: 24px;
	color: var(--tala-yab-ink-soft);
}

/* گروه‌های جدول قیمت (هر نوع طلا جدول خودش را دارد) */
.gpa-price-group { margin-block-end: 28px; }
.gpa-price-group:last-child { margin-block-end: 0; }
.gpa-price-group__title {
	font-size: 1.15rem;
	padding-inline-start: 12px;
	border-inline-start: 4px solid var(--tala-yab-primary);
	margin-block: 0 12px;
}

/* ------------------------------------------------------------------ */
/* مقایسه: تب دسته‌ها + جعبهٔ صرفه‌جویی                                 */
/* ------------------------------------------------------------------ */

.gpa-compare__tabs {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-block-end: 18px;
	border-block-end: 2px solid var(--tala-yab-border);
	padding-block-end: 10px;
}
.gpa-tab {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 2px;
	background: #fff;
	border: 1px solid var(--tala-yab-border);
	border-radius: var(--tala-yab-radius-sm);
	padding: 9px 16px;
	cursor: pointer;
	font-family: inherit;
	color: var(--tala-yab-ink-soft);
	transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}
.gpa-tab:hover { background: var(--tala-yab-bg-soft); }
.gpa-tab__label { font-weight: 700; font-size: 0.95rem; }
.gpa-tab__count { font-size: 0.75rem; opacity: 0.85; }
.gpa-tab.is-active {
	background: var(--tala-yab-primary-soft);
	border-color: var(--tala-yab-primary);
	color: var(--tala-yab-ink);
	box-shadow: inset 0 -3px 0 var(--tala-yab-primary);
}

/* بدون جاوااسکریپت همهٔ پنل‌ها باز می‌مانند و تب‌ها بی‌اثرند؛ فقط پس از
   افزوده‌شدن is-enhanced، پنهان‌سازی و تیتر جایگزین فعال می‌شود. */
.gpa-compare:not(.is-enhanced) .gpa-compare__tabs { display: none; }
.gpa-compare.is-enhanced .gpa-compare__panel { display: none; }
.gpa-compare.is-enhanced .gpa-compare__panel.is-active { display: block; }
.gpa-compare.is-enhanced .gpa-price-group__title--fallback { display: none; }
.gpa-compare:not(.is-enhanced) .gpa-compare__panel { margin-block-end: 28px; }

.gpa-savings {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 8px 20px;
	background: linear-gradient(135deg, #fdf8ec, #f8f1e0);
	border: 1px solid #ecd9ae;
	border-radius: var(--tala-yab-radius);
	padding: 16px 20px;
	margin-block-end: 14px;
}
.gpa-savings__side { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.gpa-savings__caption { font-size: 0.8rem; color: var(--tala-yab-ink-soft); }
.gpa-savings__price {
	font-size: clamp(1.15rem, 0.95rem + 1vw, 1.6rem);
	line-height: 1.3;
	color: var(--tala-yab-ink);
}
.gpa-savings__price span { font-size: 0.72em; font-weight: 400; }
.gpa-savings__price--low { color: var(--tala-yab-success); }
.gpa-savings__seller {
	font-size: 0.82rem;
	color: var(--tala-yab-ink-soft);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.gpa-savings__result {
	grid-column: 1 / -1;
	margin: 4px 0 0;
	padding-block-start: 10px;
	border-block-start: 1px dashed #e0cca2;
	font-size: 0.95rem;
	color: var(--tala-yab-ink);
}
.gpa-savings__result strong { color: var(--tala-yab-success); font-size: 1.08em; }

@media (max-width: 520px) {
	.gpa-savings { grid-template-columns: 1fr; }
}

/* در موبایل، شکستن تب‌ها در چند سطر یک دیوار ۲۲۰ پیکسلی می‌ساخت و اولین
   قیمت را از صفحهٔ اول بیرون می‌برد؛ به‌جایش یک نوار تک‌سطری با اسکرول
   افقی (همان الگوی آشنای اپ‌های فروشگاهی). */
@media (max-width: 780px) {
	.gpa-compare__tabs {
		flex-wrap: nowrap;
		overflow-x: auto;
		scroll-snap-type: x proximity;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: thin;
	}
	.gpa-tab {
		flex: 0 0 auto;
		scroll-snap-align: start;
		padding: 8px 14px;
	}
	.gpa-tab__label { font-size: 0.88rem; white-space: nowrap; }
	.gpa-tab__count { font-size: 0.7rem; }
}
.gpa-stale-notice {
	background: #fdf3d7;
	color: #7a5c10;
	border: 1px solid #ecd9a0;
	border-radius: var(--tala-yab-radius-sm);
	padding: 8px 14px;
	font-size: 0.88rem;
	margin-block: 0 10px;
}

@media (max-width: 640px) {
	.gpa-price-table thead { display: none; }
	.gpa-price-table, .gpa-price-table tbody, .gpa-price-table tr, .gpa-price-table td { display: block; width: 100%; }
	/* در حالت کارتی، min-width میزکاری جدول باید صفر شود وگرنه گوشی
	   اسکرول افقی ناخواسته می‌گیرد (هر دو نسخهٔ عادی و داخل مستطیل طلایی) */
	.gpa-price-table,
	.tala-yab-table-box .gpa-price-table { min-width: 0; }
	.gpa-price-table tr { border-block-end: 2px solid var(--tala-yab-border); padding-block: 8px; }
	.gpa-price-table td {
		display: flex;
		justify-content: space-between;
		border-block-end: none;
		padding-block: 4px;
	}
	.gpa-price-table td::before {
		content: attr(data-label);
		font-weight: 700;
		color: var(--tala-yab-ink-soft);
		margin-inline-end: 12px;
	}
	/* در کارت موبایل دکمه پایین کارت می‌نشیند: تمام‌عرض، بدون برچسب، و با
	   ارتفاع لمسیِ ۴۴ پیکسل که حداقل توصیه‌شدهٔ اپل و گوگل است */
	.gpa-price-table td.gpa-cell-visit {
		display: block;
		padding-block: 10px 4px;
	}
	.gpa-price-table td.gpa-cell-visit::before { content: none; }
	.gpa-visit {
		display: flex;
		justify-content: center;
		width: 100%;
		min-height: 44px;
		font-size: 0.95rem;
	}
}

/* ------------------------------------------------------------------ */
/* [gold_price_chart] - server-rendered price history                  */
/* ------------------------------------------------------------------ */

.gpa-chart {
	margin-block: 32px;
	padding: 22px;
	border: 1px solid var(--tala-yab-border);
	border-radius: var(--tala-yab-radius);
	background: var(--tala-yab-bg);
	box-shadow: var(--tala-yab-shadow);
}
.gpa-chart__title { font-size: 1.25rem; margin-block-end: 16px; }

.gpa-chart__stats {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 12px;
	margin-block-end: 18px;
}
.gpa-chart__stat {
	padding: 12px 14px;
	border-radius: var(--tala-yab-radius-sm);
	background: var(--tala-yab-bg-soft);
	text-align: center;
}
.gpa-chart__stat-label {
	display: block;
	font-size: 0.8rem;
	color: var(--tala-yab-ink-soft);
	margin-block-end: 4px;
}
.gpa-chart__stat-value { font-size: 1.05rem; font-weight: 700; }
.gpa-chart__stat-value--low { color: var(--tala-yab-success); }
.gpa-chart__stat-value--high { color: var(--tala-yab-danger); }

/* ارتفاع ثابت با نسبت ابعاد، تا هنگام بارگذاری صفحه نپرد (CLS) */
.gpa-chart__canvas { width: 100%; aspect-ratio: 1000 / 360; }
.gpa-chart__canvas svg { width: 100%; height: 100%; display: block; }

/* SVG یکنواخت کوچک می‌شود، پس فونت هم با آن کوچک می‌شود: روی عرض ۳۲۶
   پیکسلیِ گوشی، برچسب‌ها به ~۵ پیکسل می‌رسیدند. به‌جای بزرگ‌کردن فونت
   (که روی دسکتاپ درشت می‌شد)، حداقل عرض می‌گذاریم و کارت را اسکرول‌پذیر
   می‌کنیم — همان کاری که نمودارهای بورسی می‌کنند. */
@media (max-width: 760px) {
	.gpa-chart__canvas {
		overflow-x: auto;
		overscroll-behavior-x: contain;
		aspect-ratio: auto;
	}
	.gpa-chart__canvas svg { min-width: 700px; height: auto; }
}

.gpa-chart__data { margin-block-start: 16px; }
.gpa-chart__data summary {
	cursor: pointer;
	font-weight: 700;
	color: var(--tala-yab-primary-dark);
	padding-block: 6px;
}
.gpa-chart__table { margin-block-start: 12px; font-size: 0.92rem; }
.gpa-chart__table th,
.gpa-chart__table td {
	padding: 8px 10px;
	border-block-end: 1px solid var(--tala-yab-border);
	text-align: start;
}
.gpa-chart__table thead th { background: var(--tala-yab-bg-soft); }

.gpa-chart__note {
	margin-block: 14px 0;
	font-size: 0.85rem;
	color: var(--tala-yab-ink-soft);
	line-height: 1.7;
}

@media (max-width: 640px) {
	.gpa-chart { padding: 16px; }
	/* سه ستون روی موبایل خیلی باریک می‌شود؛ تغییر بازه تمام‌عرض می‌شود */
	.gpa-chart__stats { grid-template-columns: repeat(2, 1fr); }
	.gpa-chart__stat:last-child { grid-column: 1 / -1; }
}

/* ------------------------------------------------------------------ */
/* Homepage: price table + "write to us" box, both golden rectangles   */
/* ------------------------------------------------------------------ */

/* خودِ ردیف هم با نسبت طلایی تقسیم شده: جدول 1.618 برابرِ باکس پیام */
.tala-yab-table-row {
	display: grid;
	grid-template-columns: 1.618fr 1fr;
	gap: 24px;
	align-items: center;
}

.tala-yab-table-box {
	aspect-ratio: 1.618 / 1;
	display: flex;
	flex-direction: column;
	min-width: 0;
}
.tala-yab-table-box .gpa-price-table-wrap {
	flex: 1;
	min-height: 0;
	overflow: auto;
}
.tala-yab-table-box .gpa-price-table { min-width: 560px; }

/* بنر لینک به صفحهٔ سکه: همان جای باکس بازخورد قبلی را می‌گیرد و باید
   ارتفاعش با جدول کنارش (نسبت طلایی) یکی باشد؛ ظاهرش از بنر شمش در
   هدر وام گرفته شده تا زبان بصری یکی بماند. */
.gpa-coin-banner {
	aspect-ratio: 1.618 / 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 8px;
	text-align: center;
	padding: 18px;
	min-width: 0;
	border-radius: var(--tala-yab-radius);
	border: 2px solid #d9b24c;
	background: linear-gradient(135deg, #f7e7b0 0%, #e8c96a 38%, #d4a94a 70%, #b8891f 100%);
	box-shadow: var(--tala-yab-shadow);
	color: #5a4410;
	text-decoration: none;
	transition: transform 0.15s ease, box-shadow 0.15s ease;
}
.gpa-coin-banner:hover,
.gpa-coin-banner:focus-visible {
	transform: translateY(-3px);
	box-shadow: 0 10px 28px rgba(160, 120, 20, 0.38);
	text-decoration: none;
}
.gpa-coin-banner__icon { font-size: 2.6rem; line-height: 1; }
.gpa-coin-banner__title { font-size: 1.2rem; font-weight: 700; color: #4a3708; }
.gpa-coin-banner__sub { font-size: 0.85rem; color: #6b511a; }

.gpa-feedback-box {
	aspect-ratio: 1.618 / 1;
	display: flex;
	flex-direction: column;
	background: #fff;
	border: 1px solid var(--tala-yab-border);
	border-radius: var(--tala-yab-radius);
	box-shadow: var(--tala-yab-shadow);
	padding: 16px 18px;
	overflow: auto;
	min-width: 0;
}
.gpa-feedback-box__title {
	font-size: 1.05rem;
	margin-block: 0 10px;
	padding-block-end: 8px;
	border-block-end: 2px solid var(--tala-yab-primary);
}
.gpa-feedback-box form {
	display: flex;
	flex-direction: column;
	gap: 10px;
	flex: 1;
	min-height: 0;
}
.gpa-feedback-box textarea {
	flex: 1;
	min-height: 64px;
	resize: none;
	width: 100%;
	padding: 10px 12px;
	border: 1px solid var(--tala-yab-border);
	border-radius: var(--tala-yab-radius-sm);
	font-family: inherit;
	font-size: 0.95rem;
}
.gpa-feedback-box input[type="text"] {
	width: 100%;
	padding: 8px 12px;
	border: 1px solid var(--tala-yab-border);
	border-radius: var(--tala-yab-radius-sm);
	font-size: 0.9rem;
}
.gpa-feedback-box textarea:focus,
.gpa-feedback-box input[type="text"]:focus {
	outline: 2px solid var(--tala-yab-primary);
	outline-offset: 1px;
}
.gpa-feedback-box .gpa-button { align-self: flex-start; padding-block: 8px; }
.gpa-feedback-box .gpa-form-success,
.gpa-feedback-box .gpa-form-error { margin-block: 0 4px; font-size: 0.9rem; }

/* روی صفحه‌های باریک، نسبت ثابت باعث فشردگی جدول و فرم می‌شود؛ آزاد می‌شوند */
@media (max-width: 900px) {
	.tala-yab-table-row { grid-template-columns: 1fr; }
	.tala-yab-table-box { aspect-ratio: auto; display: block; }
	.tala-yab-table-box .gpa-price-table-wrap { overflow: visible; overflow-x: auto; }
	.gpa-feedback-box { aspect-ratio: auto; }
	.gpa-feedback-box textarea { min-height: 110px; }
	/* همان راه‌حلی که بنر شمش در هدر برای همین مشکل استفاده می‌کند: ستون
	   تک‌عرضی یعنی نسبت طلایی خیلی کشیده و باریک می‌شود؛ به‌جایش نسبت
	   عریض‌تری می‌گیرد ولی چیدمان ستونی (آیکون روی متن) حفظ می‌شود - چیدمان
	   افقی روی گوشی باریک، عنوان دو/سه‌کلمه‌ای را کنار آیکون فشرده می‌کرد. */
	.gpa-coin-banner { aspect-ratio: 2.4 / 1; max-width: 420px; margin-inline: auto; }
}

/* این بلاک باید بعد از قانون min-width بالای همین بخش بیاید تا در حالت
   کارتی موبایل بر آن غلبه کند - وگرنه جدول از لبهٔ گوشی بیرون می‌زند */
@media (max-width: 640px) {
	.tala-yab-table-box .gpa-price-table { min-width: 0; }
}

/* ------------------------------------------------------------------ */
/* Cards: blog & store listings                                        */
/* ------------------------------------------------------------------ */

.tala-yab-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
	gap: 24px;
}

.tala-yab-card {
	border: 1px solid var(--tala-yab-border);
	border-radius: var(--tala-yab-radius);
	overflow: hidden;
	background: #fff;
	transition: box-shadow 0.15s ease, transform 0.15s ease;
}
.tala-yab-card:hover {
	box-shadow: var(--tala-yab-shadow);
	transform: translateY(-2px);
}
.tala-yab-card__thumb { aspect-ratio: 16 / 9; overflow: hidden; background: var(--tala-yab-bg-soft); }
.tala-yab-card__thumb img { width: 100%; height: 100%; object-fit: cover; }
.tala-yab-card__body { padding: 16px; }
.tala-yab-card__title { font-size: 1.05rem; margin-block-end: 6px; }
.tala-yab-card__title a { color: var(--tala-yab-ink); }
.tala-yab-card__meta { font-size: 0.85rem; color: var(--tala-yab-ink-soft); margin-block-end: 8px; }
.tala-yab-card__excerpt { color: var(--tala-yab-ink-soft); font-size: 0.95rem; }

/* ------------------------------------------------------------------ */
/* Forms (front-end: registration, listing, alerts, account, comments)  */
/* ------------------------------------------------------------------ */

.gpa-form,
.comment-form,
.search-form {
	max-width: 560px;
}
.gpa-form p,
.comment-form p { margin-block-end: 16px; }
.gpa-form label,
.comment-form label {
	display: block;
	font-weight: 700;
	margin-block-end: 6px;
	font-size: 0.9rem;
}
.gpa-form input[type="text"],
.gpa-form input[type="email"],
.gpa-form input[type="password"],
.gpa-form input[type="url"],
.gpa-form input[type="number"],
.gpa-form select,
.gpa-form textarea,
.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"],
.comment-form textarea {
	width: 100%;
	padding: 10px 14px;
	border: 1px solid var(--tala-yab-border);
	border-radius: var(--tala-yab-radius-sm);
	background: #fff;
	color: var(--tala-yab-ink);
}
.gpa-form input:focus,
.gpa-form select:focus,
.gpa-form textarea:focus {
	outline: 2px solid var(--tala-yab-primary);
	outline-offset: 1px;
}
.gpa-honeypot { position: absolute; inset-inline-start: -9999px; }

.gpa-button,
.comment-form input[type="submit"],
button.button,
input[type="submit"] {
	display: inline-block;
	background: var(--tala-yab-primary);
	/* متن تیره روی طلایی: کنتراست ~۵:۱ (سفید روی طلایی فقط ~۲.۳:۱ بود) */
	color: #3a2c06;
	border: none;
	padding: 11px 22px;
	border-radius: 999px;
	font-weight: 700;
	cursor: pointer;
}
.gpa-button:hover,
.comment-form input[type="submit"]:hover {
	background: #b8891f;
	color: #2c2104;
	text-decoration: none;
}

.gpa-form-error {
	background: #fdecea;
	color: var(--tala-yab-danger);
	padding: 10px 16px;
	border-radius: var(--tala-yab-radius-sm);
}
.gpa-form-success {
	background: #e9f7ee;
	color: var(--tala-yab-success);
	padding: 10px 16px;
	border-radius: var(--tala-yab-radius-sm);
}
.gpa-form-notice {
	background: var(--tala-yab-primary-soft);
	color: var(--tala-yab-primary-dark);
	padding: 10px 16px;
	border-radius: var(--tala-yab-radius-sm);
}

.gpa-favorites-list,
.gpa-alerts-list { list-style: none; padding: 0; margin: 0; }
.gpa-favorites-list li,
.gpa-alerts-list li {
	display: flex;
	justify-content: space-between;
	gap: 12px;
	padding: 10px 0;
	border-block-end: 1px solid var(--tala-yab-border);
}

/* ------------------------------------------------------------------ */
/* My-account page: rose-gold background, centered phone, golden-ratio */
/* section cards (1.618:1)                                             */
/* ------------------------------------------------------------------ */

body.tala-yab-account-page {
	/* زرد کم‌رنگ مایل به رزگلد */
	background: #f9eee2;
}
body.tala-yab-account-page .site-header,
body.tala-yab-account-page .site-footer .site-info {
	background-color: initial;
}
body.tala-yab-account-page .site-header {
	background: #fdf7ee;
	border-block-end-color: #ecd9c0;
}

.gpa-account-hero {
	text-align: center;
	padding-block: 24px 8px;
}
.gpa-account-hero__name {
	color: var(--tala-yab-ink-soft);
	margin-block-end: 4px;
}
.gpa-account-hero__phone {
	font-size: clamp(1.6rem, 1.2rem + 2vw, 2.4rem);
	font-weight: 700;
	color: var(--tala-yab-primary-dark);
	letter-spacing: 3px;
	margin-block: 0 6px;
}
.gpa-account-hero__phone--empty {
	font-size: 1.1rem;
	letter-spacing: 0;
	color: var(--tala-yab-ink-soft);
	font-weight: 400;
}
.gpa-account-hero__actions { font-size: 0.9rem; }

.gpa-account-grid {
	display: grid;
	/* min(340px, 100%) تا در گوشی‌های باریک، کارت از عرض صفحه سرریز نکند */
	grid-template-columns: repeat(auto-fit, minmax(min(340px, 100%), 1fr));
	gap: 24px;
	margin-block-start: 24px;
	align-items: start;
}

/* هر کارت: مستطیل با نسبت طلایی (عرض ÷ ارتفاع = 1.618) و کادر دور */
.gpa-account-card {
	aspect-ratio: 1.618 / 1;
	display: flex;
	flex-direction: column;
	background: #fffdfa;
	border: 1px solid #e2c39b;
	border-radius: var(--tala-yab-radius);
	box-shadow: 0 3px 14px rgba(183, 110, 121, 0.10);
	overflow: hidden;
}
.gpa-account-card > h2 {
	font-size: 1.02rem;
	margin: 0;
	padding: 13px 18px;
	background: #fdf6ec;
	border-block-end: 1px solid #f0e0c8;
}
.gpa-account-card__body {
	flex: 1;
	padding: 14px 18px;
	overflow-y: auto;
	min-height: 0;
}
.gpa-account-card__body .gpa-form { max-width: none; }

/* روی موبایل نسبت ثابت باعث فشردگی فرم‌ها می‌شود؛ کارت آزاد می‌شود */
@media (max-width: 640px) {
	.gpa-account-card { aspect-ratio: auto; }
	.gpa-account-card__body { overflow-y: visible; }
}

/* ------------------------------------------------------------------ */
/* Breadcrumbs                                                         */
/* ------------------------------------------------------------------ */

.tala-yab-breadcrumbs { font-size: 0.85rem; color: var(--tala-yab-ink-soft); margin-block-end: 20px; }
.tala-yab-breadcrumbs ol { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 6px; }
.tala-yab-breadcrumbs li:not(:last-child)::after { content: '/'; margin-inline-start: 6px; }

/* ------------------------------------------------------------------ */
/* Blog single/archive layout                                          */
/* ------------------------------------------------------------------ */

.tala-yab-blog-layout {
	display: grid;
	grid-template-columns: 2fr 1fr;
	gap: 40px;
	align-items: start;
}
@media (max-width: 900px) {
	.tala-yab-blog-layout { grid-template-columns: 1fr; }
}

.entry-header { margin-block-end: 20px; }
.entry-meta { color: var(--tala-yab-ink-soft); font-size: 0.9rem; margin-block-end: 16px; }
.entry-meta > * { margin-inline-end: 12px; }
.entry-content { font-size: 1.05rem; }
.entry-content img { border-radius: var(--tala-yab-radius-sm); }
.entry-content h2 { margin-block-start: 1.2em; }

.widget { margin-block-end: 32px; }
.widget-title { font-size: 1.05rem; border-block-end: 2px solid var(--tala-yab-primary); padding-block-end: 8px; margin-block-end: 14px; display: inline-block; }

/* ------------------------------------------------------------------ */
/* Store listing single view                                           */
/* ------------------------------------------------------------------ */

.store-listing__header { display: flex; gap: 20px; align-items: center; flex-wrap: wrap; margin-block-end: 24px; }
.store-listing__price { font-size: 1.6rem; font-weight: 700; color: var(--tala-yab-primary-dark); }
.store-listing__meta-list { list-style: none; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 12px; margin-block-end: 24px; }
.store-listing__meta-list li { background: var(--tala-yab-bg-soft); border-radius: var(--tala-yab-radius-sm); padding: 10px 14px; }

/* ------------------------------------------------------------------ */
/* Footer                                                               */
/* ------------------------------------------------------------------ */

.site-footer {
	background: var(--tala-yab-ink);
	color: #e9e4d8;
	margin-block-start: 40px;
}
.site-footer a { color: #f3e6c4; }
.footer-widgets {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	gap: 24px;
	padding-block: 40px;
}
.footer-widgets .widget-title { border-block-end-color: rgba(255,255,255,0.3); color: #fff; }
.site-footer nav ul { list-style: none; margin: 0; padding: 0; }
.site-footer nav a { display: inline-block; padding-block: 4px; }
.site-info {
	border-block-start: 1px solid rgba(255,255,255,0.15);
	padding-block: 18px;
	text-align: center;
	font-size: 0.85rem;
	color: #bdb6a3;
}

/* ------------------------------------------------------------------ */
/* Landing page blocks (core block compatibility)                      */
/* ------------------------------------------------------------------ */

.wp-block-cover { border-radius: var(--tala-yab-radius); overflow: hidden; }
.wp-block-cover .has-background-dim { background: var(--tala-yab-ink); opacity: 0.45; }

/* ------------------------------------------------------------------ */
/* Pagination                                                          */
/* ------------------------------------------------------------------ */

.pagination.navigation { margin-block-start: 32px; }
.pagination .nav-links { display: flex; justify-content: center; flex-wrap: wrap; gap: 6px; }
.pagination .page-numbers {
	display: inline-block;
	padding: 8px 14px;
	border: 1px solid var(--tala-yab-border);
	border-radius: var(--tala-yab-radius-sm);
	text-decoration: none;
}
/* متن تیره روی طلایی، هم‌راستا با دکمه‌ها (سفید روی طلایی زیر حد WCAG بود) */
.pagination .page-numbers.current { background: var(--tala-yab-primary); color: #3a2c06; border-color: var(--tala-yab-primary); font-weight: 700; }
.pagination .page-numbers.dots { border: none; }

/* ------------------------------------------------------------------ */
/* دسترس‌پذیری: فوکوس کیبورد و احترام به کاهش حرکت                      */
/* ------------------------------------------------------------------ */

/* :focus-visible فقط هنگام پیمایش با کیبورد فعال می‌شود، پس کاربر ماوس
   حلقهٔ اضافه نمی‌بیند ولی کاربر کیبورد هیچ‌وقت گم نمی‌شود. */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
summary:focus-visible,
[tabindex]:focus-visible {
	outline: 3px solid var(--tala-yab-primary-dark);
	outline-offset: 2px;
	border-radius: 4px;
}

/* روی پس‌زمینهٔ تیرهٔ فوتر، حلقهٔ طلایی تیره دیده نمی‌شود */
.site-footer a:focus-visible {
	outline-color: #f3e6c4;
}

@media (prefers-reduced-motion: reduce) {
	html { scroll-behavior: auto; }
	*,
	*::before,
	*::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
		scroll-behavior: auto !important;
	}
	/* جابه‌جایی کارت‌ها هنگام hover هم حرکت است و باید متوقف شود */
	.tala-yab-card:hover,
	.gpa-bar-banner:hover {
		transform: none;
	}
}