/*
Theme Name: ریکلام
Theme URI: https://reqlam.net
Description: قالب اختصاصی سایت نیازمندی‌ها با هویت «بازارِ شهر»: رنگ‌های کاشی ایرانی، فونت لاله‌زار، نقش ستاره هشت‌پر، صفحه اصلی با دسته‌های کاشی‌شکل و کارت‌های شبکه‌ای آگهی. همگام با افزونه ریکلام، سازگار با المنتور، فونت‌ها داخل قالب (بدون CDN).
Version: 2.4.0
Author: Reqlam
Requires at least: 5.8
Requires PHP: 7.4
Text Domain: reqlam-theme
Tags: rtl-language-support, custom-logo, custom-menu, custom-colors, full-width-template
*/

/* ---------- Fonts (bundled) ---------- */
@font-face {
	font-family: "Vazirmatn";
	src: url("assets/fonts/Vazirmatn-wght.woff2") format("woff2");
	font-weight: 100 900;
	font-display: swap;
}
@font-face {
	font-family: "Lalezar";
	src: url("assets/fonts/Lalezar.woff") format("woff");
	font-weight: 400;
	font-display: swap;
}

/* ---------- Tokens ---------- */
:root {
	--t-firoozeh: #0E7C7B;      /* tile turquoise — primary */
	--t-firoozeh-ink: #0A5F5E;
	--t-ink: #0F2A33;           /* deep teal-navy — header, footer, text */
	--t-saffron: #F2A93B;       /* saffron — main CTA, highlights */
	--t-anar: #C8463D;          /* pomegranate — urgent */
	--t-paper: #F3F7F6;         /* cool page background */
	--t-surface: #FFFFFF;
	--t-line: #DCE6E4;
	--t-muted: #5B6F74;
	--t-faint: #8FA2A6;
	--t-max: 1240px;
	--t-header: 68px;
	--t-display: "Lalezar", "Vazirmatn", Tahoma, sans-serif;
	--t-body: "Vazirmatn", Tahoma, sans-serif;
	/* 8-point star (khatam) tile, used as the brand strip and hero texture. */
	--t-girih: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cg fill='none' stroke='%23F2A93B' stroke-width='1.2' opacity='.9'%3E%3Crect x='8' y='8' width='16' height='16'/%3E%3Cpath d='M16 4.7 27.3 16 16 27.3 4.7 16Z'/%3E%3Cpath d='M16 0v4.7M16 27.3V32M0 16h4.7M27.3 16H32'/%3E%3C/g%3E%3C/svg%3E");
	--t-girih-dim: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cg fill='none' stroke='%23F2A93B' stroke-width='1' opacity='.16'%3E%3Crect x='8' y='8' width='16' height='16'/%3E%3Cpath d='M16 4.7 27.3 16 16 27.3 4.7 16Z'/%3E%3Cpath d='M16 0v4.7M16 27.3V32M0 16h4.7M27.3 16H32'/%3E%3C/g%3E%3C/svg%3E");
	--t-girih-soft: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 32 32'%3E%3Cg fill='none' stroke='%230E7C7B' stroke-width='.8' opacity='.18'%3E%3Crect x='8' y='8' width='16' height='16'/%3E%3Cpath d='M16 4.7 27.3 16 16 27.3 4.7 16Z'/%3E%3Cpath d='M16 0v4.7M16 27.3V32M0 16h4.7M27.3 16H32'/%3E%3C/g%3E%3C/svg%3E");
}

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
	margin: 0;
	background: var(--t-paper);
	color: var(--t-ink);
	font-family: var(--t-body);
	font-size: 15px;
	line-height: 1.9;
	direction: rtl;
	text-align: right;
	-webkit-font-smoothing: antialiased;
}
a { color: inherit; text-decoration: none; }
a:hover { color: var(--t-firoozeh); }
img { max-width: 100%; height: auto; }
button, input, select, textarea { font-family: inherit; font-size: inherit; }
:focus-visible { outline: 2px solid var(--t-saffron); outline-offset: 2px; }
.screen-reader-text { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); white-space: nowrap; }
.skip-link:focus { position: fixed; top: 8px; right: 8px; z-index: 100000; width: auto; height: auto; clip: auto; background: #fff; padding: 8px 14px; border-radius: 8px; }
.t-container { max-width: var(--t-max); margin: 0 auto; padding-right: 20px; padding-left: 20px; }

/* ---------- Header (ink band + girih strip) ---------- */
.t-header { position: relative; z-index: 9000; background: var(--t-ink); color: #fff; }
.t-header.is-sticky { position: sticky; top: 0; }
.admin-bar .t-header.is-sticky { top: 32px; }
.t-header.has-pattern::after { content: ""; display: block; height: 10px; background: var(--t-ink) var(--t-girih) repeat-x center / 20px 20px; border-top: 1px solid rgba(255,255,255,.06); }
.t-header-in { display: flex; align-items: center; gap: 16px; height: var(--t-header); }
.t-logo { display: flex; align-items: center; flex: 0 0 auto; font-family: var(--t-display); font-size: 30px; line-height: 1; color: var(--t-saffron); letter-spacing: 0; padding-top: 4px; }
.t-logo:hover { color: var(--t-saffron); }
.t-logo img { max-height: 44px; width: auto; display: block; }
.t-city { display: inline-flex; align-items: center; gap: 6px; height: 42px; padding: 0 14px; border: 1px solid rgba(255,255,255,.18); background: transparent; color: #E6EFEE; cursor: pointer; border-radius: 21px; white-space: nowrap; max-width: 210px; overflow: hidden; }
.t-city:hover { border-color: var(--t-saffron); color: #fff; }
.t-city svg { color: var(--t-saffron); flex: 0 0 auto; }
.t-city span { overflow: hidden; text-overflow: ellipsis; }
.t-search { flex: 1; position: relative; margin: 0; max-width: 560px; }
.t-search input { width: 100%; height: 42px; border: 0; background: #fff; border-radius: 21px; padding: 0 44px 0 16px; outline: none; color: var(--t-ink); }
.t-search input::placeholder { color: var(--t-faint); }
.t-search input:focus { box-shadow: 0 0 0 3px rgba(242,169,59,.45); }
.t-search svg { position: absolute; right: 15px; top: 50%; transform: translateY(-50%); color: var(--t-firoozeh); pointer-events: none; }
.t-actions { margin-right: auto; display: flex; align-items: center; gap: 2px; }
.t-act { position: relative; display: inline-flex; align-items: center; gap: 7px; height: 42px; padding: 0 12px; border-radius: 10px; color: #D5E3E1; background: none; border: 0; cursor: pointer; white-space: nowrap; }
.t-act:hover, .t-drop[open] > .t-act { background: rgba(255,255,255,.08); color: #fff; }
.t-badge { position: absolute; top: 3px; right: 2px; min-width: 18px; height: 18px; padding: 0 5px; border-radius: 9px; background: var(--t-saffron); color: var(--t-ink); font-size: 11px; font-weight: 800; line-height: 18px; text-align: center; }
.t-btn { display: inline-flex; align-items: center; justify-content: center; gap: 6px; height: 42px; padding: 0 20px; border-radius: 10px; background: var(--t-saffron); color: var(--t-ink) !important; font-weight: 800; border: 0; cursor: pointer; white-space: nowrap; transition: transform .12s, filter .12s; }
.t-btn:hover { filter: brightness(1.05); }
.t-btn:active { transform: translateY(1px); }
.t-btn-line { background: transparent; color: var(--t-ink) !important; border: 1.5px solid var(--t-ink); font-weight: 700; }
.t-btn-line:hover { background: var(--t-ink); color: #fff !important; }

/* Dropdown */
.t-drop { position: relative; }
.t-drop > summary { list-style: none; }
.t-drop > summary::-webkit-details-marker { display: none; }
.t-drop-menu { position: absolute; top: calc(100% + 10px); left: 0; min-width: 240px; background: #fff; color: var(--t-ink); border-radius: 14px; box-shadow: 0 18px 40px rgba(15,42,51,.22); padding: 6px 0; z-index: 9100; overflow: hidden; }
.t-drop-menu a { display: flex; align-items: center; gap: 10px; padding: 9px 16px; font-size: 14px; }
.t-drop-menu a:hover { background: var(--t-paper); color: var(--t-firoozeh); }
.t-drop-menu svg { color: var(--t-firoozeh); flex: 0 0 auto; }
.t-drop-user { padding: 14px 16px; margin: -6px 0 6px; background: var(--t-ink) var(--t-girih-dim) right center / 28px 28px; color: #fff; }
.t-drop-user strong { display: block; font-size: 15px; }
.t-drop-user small { color: #B9CCCA; }
.t-drop-sep { height: 1px; background: var(--t-line); margin: 6px 0; }

/* Secondary menu row */
.t-nav { background: var(--t-ink); border-top: 1px solid rgba(255,255,255,.08); }
.t-nav ul { list-style: none; margin: 0; padding: 0; display: flex; gap: 2px; overflow-x: auto; scrollbar-width: none; }
.t-nav ul::-webkit-scrollbar { display: none; }
.t-nav li a { display: block; padding: 6px 12px; font-size: 14px; color: #B9CCCA; white-space: nowrap; }
.t-nav li.current-menu-item > a, .t-nav li a:hover { color: var(--t-saffron); }
.t-nav ul ul { display: none; }

/* ---------- Home hero ---------- */
.t-hero { padding: 36px 0 8px; background: var(--t-girih-soft) left top / 48px 48px; }
.t-hero-in { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 36px; align-items: center; }
.t-hero h1 { font-family: var(--t-display); font-weight: 400; font-size: clamp(34px, 4.4vw, 56px); line-height: 1.35; margin: 0 0 12px; color: var(--t-ink); }
.t-hero-sub { color: var(--t-muted); font-size: 16px; margin: 0 0 20px; max-width: 30em; }
.t-hero-sub b { color: var(--t-firoozeh-ink); font-weight: 800; }
.t-hero-cta { display: flex; gap: 10px; flex-wrap: wrap; }
.t-tiles { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 10px; }
.t-tile { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; aspect-ratio: 1 / 1; background: #fff; border: 1px solid var(--t-line); border-radius: 6px; padding: 10px 6px; text-align: center; font-size: 13px; font-weight: 700; color: var(--t-ink); line-height: 1.5; transition: border-color .15s, background .15s; }
.t-tile::before { content: ""; position: absolute; inset: 5px; border: 1px dashed transparent; border-radius: 3px; transition: border-color .15s; pointer-events: none; }
.t-tile:hover { border-color: var(--t-firoozeh); background: #F7FCFB; color: var(--t-ink); }
.t-tile:hover::before { border-color: rgba(14,124,123,.35); }
.t-tile-ico { width: 46px; height: 46px; display: grid; place-items: center; color: var(--t-firoozeh); }
.t-tile-ico svg { width: 34px; height: 34px; }
.t-tile small { display: block; font-weight: 500; font-size: 11px; color: var(--t-faint); }

/* ---------- Plugin UI, re-skinned for the theme ---------- */
body.agh-theme .agh, body.agh-theme .agh-hs, body.agh-theme .agh-has-suggest, body.agh-theme .agh-services, body.agh-theme .agh-flow, body.agh-theme .agh-stats, body.agh-theme .agh-features { --agh-primary: var(--t-firoozeh); --agh-text: var(--t-ink); --agh-muted: var(--t-muted); --agh-faint: var(--t-faint); --agh-line: var(--t-line); --agh-soft: #EEF4F3; font-family: var(--t-body); }
body.agh-theme .agh-nav, body.agh-theme .agh-modal { --agh-primary: var(--t-firoozeh); --agh-line: var(--t-line); font-family: var(--t-body); }
body.agh-theme .agh { max-width: var(--t-max); padding-right: 20px; padding-left: 20px; }
body.agh-theme .agh-h1 { font-family: var(--t-display); font-weight: 400; font-size: 24px; }
body.agh-theme .agh-box { border-radius: 12px; border-color: var(--t-line); }
body.agh-theme .agh-cats li a span, body.agh-theme .agh-chip-icon { display: none; }
body.agh-theme .agh-cats li a.is-active, body.agh-theme .agh-cats li a:hover { background: #E8F3F2; }
body.agh-theme .agh-btn-primary { background: var(--t-firoozeh); }
body.agh-theme .agh-topbar-new, body.agh-theme .agh-submit-bar .agh-btn-primary { background: var(--t-saffron); color: var(--t-ink) !important; font-weight: 800; }

/* Ad cards: tile grid with photo on top (instead of a list). */
body.agh-theme .agh-grid { grid-template-columns: repeat(auto-fill, minmax(212px, 1fr)); gap: 18px; }
body.agh-theme .agh-card { flex-direction: column-reverse; gap: 0; padding: 0; min-height: 0; background: #fff; border: 1px solid var(--t-line); border-radius: 14px; overflow: hidden; transition: border-color .15s, transform .15s; }
body.agh-theme .agh-card:hover { border-color: var(--t-firoozeh); }
body.agh-theme .agh-card:hover .agh-card-title { color: var(--t-ink); }
body.agh-theme .agh-card-img { width: 100%; height: auto; flex: none; aspect-ratio: 4 / 3; border-radius: 0; background: #E6EFEE; }
body.agh-theme .agh-noimg { color: #B8CBC8; }
body.agh-theme .agh-card-body { padding: 10px 12px 12px; }
body.agh-theme .agh-card-title { font-size: 14.5px !important; min-height: 3.6em; margin-bottom: 4px !important; }
body.agh-theme .agh-card-lines { margin-top: 0; font-size: 12.5px; }
body.agh-theme .agh-card-lines div:last-child { color: var(--t-ink); font-weight: 800; font-size: 14.5px; }
body.agh-theme .agh-card-meta { margin-top: 6px; padding-top: 8px; border-top: 1px dashed var(--t-line); }
body.agh-theme .agh-badge-urgent { background: var(--t-anar); }
body.agh-theme .agh-badge-shop { background: #E8F3F2; color: var(--t-firoozeh-ink); }
body.agh-theme .agh-card.is-featured { border-color: var(--t-saffron); box-shadow: inset 0 3px 0 var(--t-saffron); }
body.agh-theme .agh-card.is-featured .agh-card-img { box-shadow: none; }
body.agh-theme .agh-featured { background: var(--t-ink) var(--t-girih-dim) left top / 36px 36px; border: 0; border-radius: 16px; padding: 6px 16px 16px; margin-bottom: 22px; }
body.agh-theme .agh-featured .agh-section-title { color: var(--t-saffron); font-family: var(--t-display); font-weight: 400; font-size: 20px; padding: 10px 0 8px; }
body.agh-theme .agh-featured .agh-star { color: var(--t-saffron); }
body.agh-theme .agh-featured .agh-card { border-color: transparent; }
body.agh-theme .agh-main-head { margin-bottom: 16px; }
body.agh-theme .agh-more { border-color: var(--t-ink); color: var(--t-ink); }

/* Single ad */
body.agh-theme .agh-single-title { font-size: 23px !important; }
body.agh-theme .agh-single .agh-actions .agh-btn-primary { background: var(--t-saffron); color: var(--t-ink) !important; font-weight: 800; }
body.agh-theme .agh-safety { background: #FFF6E5; color: #6D5222; border-right: 3px solid var(--t-saffron); }
body.agh-theme .agh-gallery-main { border-radius: 16px; background: var(--t-ink); }
body.agh-theme .agh-specs { background: #fff; border: 1px solid var(--t-line); border-radius: 14px; padding: 4px 16px; }
body.agh-theme .agh-spec:last-child { border-bottom: 0; }

/* Panel */
body.agh-theme .agh-pmenu { background: #fff; border-color: var(--t-line); border-radius: 14px; }
body.agh-theme .agh-pmenu-user { background: var(--t-ink) var(--t-girih-dim) right center / 28px 28px; color: #fff; }
body.agh-theme .agh-pmenu-user small { color: #B9CCCA; }
body.agh-theme .agh-pmenu a.is-active { background: #E8F3F2; }
body.agh-theme .agh-ptitle { font-family: var(--t-display); font-weight: 400; font-size: 22px; }
body.agh-theme .agh-myad, body.agh-theme .agh-plan, body.agh-theme .agh-chat, body.agh-theme .agh-tickets, body.agh-theme .agh-login { background: #fff; border-color: var(--t-line); border-radius: 14px; }
body.agh-theme .agh-plan-price { color: var(--t-firoozeh-ink); }
body.agh-theme .agh-msg.is-mine { background: #DDF0EE; }
body.agh-theme .agh-login h1 { font-family: var(--t-display); font-weight: 400; font-size: 26px; }
body.agh-theme .agh-steps span.is-on { background: var(--t-firoozeh); }

/* Theme header already shows the city and search on desktop. */
@media (min-width: 901px) {
	body.agh-theme .agh-list > .agh-topbar { display: none; }
}
@media (max-width: 900px) {
	body.agh-theme .agh-list > .agh-topbar .agh-city-btn { display: none; }
}

/* ---------- Pages & blog ---------- */
.t-main { min-height: 60vh; }
.t-plugin-page { padding: 18px 0 28px; }
.t-page { padding: 32px 0 48px; }
.t-page-title { font-family: var(--t-display); font-weight: 400; font-size: 32px; margin: 0 0 18px; line-height: 1.5; }
.t-content { line-height: 2.1; font-size: 16px; max-width: 46em; }
.t-content h2 { font-size: 21px; margin: 34px 0 12px; }
.t-content h3 { font-size: 17px; margin: 26px 0 10px; }
.t-content p { margin: 0 0 16px; }
.t-content a { color: var(--t-firoozeh); text-decoration: underline; text-underline-offset: 4px; }
.t-content img { border-radius: 12px; }
.t-content blockquote { margin: 22px 0; padding: 14px 20px; border-right: 4px solid var(--t-saffron); background: #fff; border-radius: 8px; }
.t-content table { width: 100%; border-collapse: collapse; margin: 16px 0; background: #fff; }
.t-content th, .t-content td { border: 1px solid var(--t-line); padding: 8px 10px; }
.t-content pre { background: var(--t-ink); color: #EAF2F1; padding: 14px; border-radius: 10px; overflow-x: auto; direction: ltr; text-align: left; }
.alignwide { max-width: 1100px; }
.alignfull { width: 100vw; max-width: 100vw; margin-right: calc(50% - 50vw); }
.aligncenter { margin-right: auto; margin-left: auto; display: block; }
.alignright { float: right; margin: 0 0 12px 16px; }
.alignleft { float: left; margin: 0 16px 12px 0; }
.wp-caption-text, figcaption { font-size: 13px; color: var(--t-muted); text-align: center; }

.t-blog-head { padding: 36px 0 6px; }
.t-blog-head h1 { margin: 0; font-family: var(--t-display); font-weight: 400; font-size: 34px; line-height: 1.5; }
.t-blog-head p { margin: 4px 0 0; color: var(--t-muted); }
.t-posts { display: grid; grid-template-columns: repeat(auto-fill, minmax(290px, 1fr)); gap: 22px; padding: 18px 0 36px; }
.t-post-card { background: #fff; border: 1px solid var(--t-line); border-radius: 16px; overflow: hidden; display: flex; flex-direction: column; }
.t-post-card:hover { border-color: var(--t-firoozeh); }
.t-post-thumb { aspect-ratio: 16 / 9; background: var(--t-ink) var(--t-girih-dim) center / 32px 32px; display: block; overflow: hidden; }
.t-post-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.t-post-body { padding: 14px 18px 18px; display: flex; flex-direction: column; flex: 1; }
.t-post-body h2 { font-size: 17px; margin: 0 0 6px; line-height: 1.75; }
.t-post-body p { color: var(--t-muted); font-size: 14px; margin: 0 0 12px; flex: 1; }
.t-meta { color: var(--t-faint); font-size: 12.5px; display: flex; gap: 14px; flex-wrap: wrap; }
.t-article { max-width: 760px; margin: 0 auto; padding: 36px 0 48px; }
.t-article h1 { font-family: var(--t-display); font-weight: 400; font-size: 36px; line-height: 1.5; margin: 0 0 8px; }
.t-article > .t-meta { margin-bottom: 20px; }
.t-article-thumb { margin: 0 0 26px; border-radius: 16px; overflow: hidden; }
.t-article-thumb img { display: block; width: 100%; }
.t-tags { margin-top: 26px; display: flex; flex-wrap: wrap; gap: 6px; }
.t-tags a { padding: 2px 12px; background: #fff; border: 1px solid var(--t-line); border-radius: 20px; font-size: 13px; color: var(--t-muted); }
.t-postnav { display: flex; justify-content: space-between; gap: 12px; margin-top: 30px; padding-top: 16px; border-top: 1px solid var(--t-line); font-size: 14px; }
.pagination, .nav-links { display: flex; gap: 6px; justify-content: center; padding: 8px 0 36px; flex-wrap: wrap; }
.page-numbers { min-width: 40px; height: 40px; padding: 0 10px; display: inline-flex; align-items: center; justify-content: center; background: #fff; border: 1px solid var(--t-line); border-radius: 10px; font-size: 14px; }
.page-numbers.current { background: var(--t-ink); border-color: var(--t-ink); color: #fff; }

.t-comments { margin-top: 34px; }
.t-comments ol { list-style: none; padding: 0; }
.t-comments .comment-body { border-bottom: 1px solid var(--t-line); padding: 12px 0; }
.t-comments .children { list-style: none; padding-right: 24px; }
.t-comments input[type=text], .t-comments input[type=email], .t-comments input[type=url], .t-comments textarea, .search-form input[type=search] { width: 100%; background: #fff; border: 1px solid var(--t-line); border-radius: 10px; padding: 10px 12px; }
.t-comments .submit, .search-form button { background: var(--t-ink); color: #fff; border: 0; border-radius: 10px; height: 44px; padding: 0 22px; cursor: pointer; font-weight: 700; }
.search-form { display: flex; gap: 8px; max-width: 480px; margin: 0 auto; }

.t-404 { text-align: center; padding: 72px 16px; }
.t-404 b { display: block; font-family: var(--t-display); font-weight: 400; font-size: 96px; color: var(--t-firoozeh); line-height: 1.2; }
.t-404 .t-btn { margin-top: 14px; }

/* ---------- Footer ---------- */
.t-footer { background: var(--t-ink); color: #B9CCCA; margin-top: 36px; font-size: 14px; }
.t-footer.has-pattern::before { content: ""; display: block; height: 10px; background: var(--t-ink) var(--t-girih) repeat-x center / 20px 20px; border-bottom: 1px solid rgba(255,255,255,.06); }
.t-footer a:hover { color: var(--t-saffron); }
.t-footer-grid { display: grid; grid-template-columns: 1.5fr 1fr 1fr 1.3fr; gap: 32px; padding-top: 40px; padding-bottom: 28px; }
.t-footer h3 { font-size: 15px; color: #fff; margin: 0 0 12px; }
.t-footer ul { list-style: none; margin: 0; padding: 0; }
.t-footer li { margin-bottom: 7px; }
.t-footer-brand .t-logo { font-size: 38px; margin-bottom: 12px; }
.t-footer-about { line-height: 2.1; margin: 0 0 14px; max-width: 26em; }
.t-social { display: flex; gap: 8px; }
.t-social a { width: 38px; height: 38px; border-radius: 50%; border: 1px solid rgba(255,255,255,.18); display: inline-flex; align-items: center; justify-content: center; color: #D5E3E1; }
.t-social a:hover { border-color: var(--t-saffron); color: var(--t-saffron); }
.t-apps { display: flex; flex-direction: column; gap: 8px; margin-bottom: 16px; }
.t-app { display: flex; align-items: center; gap: 10px; border: 1px solid rgba(255,255,255,.18); border-radius: 12px; padding: 8px 12px; color: #fff; max-width: 250px; }
.t-app:hover { border-color: var(--t-saffron); color: #fff; }
.t-app small { display: block; font-size: 11px; color: #B9CCCA; line-height: 1.4; }
.t-app strong { font-size: 14px; line-height: 1.4; }
.t-app svg { color: var(--t-saffron); flex: 0 0 auto; }
.t-trust { display: flex; gap: 10px; flex-wrap: wrap; align-items: center; }
.t-trust img { max-height: 90px; width: auto; background: #fff; border-radius: 10px; padding: 4px; }
.t-contact { margin-top: 14px !important; }
.t-contact li { display: flex; gap: 8px; align-items: flex-start; }
.t-contact svg { flex: 0 0 auto; margin-top: 5px; color: var(--t-saffron); }
.t-footer-cta { border: 1px solid rgba(255,255,255,.14); border-radius: 14px; padding: 18px; background: rgba(255,255,255,.03); }
.t-footer-cta strong { display: block; color: #fff; font-family: var(--t-display); font-weight: 400; font-size: 20px; margin-bottom: 4px; }
.t-footer-cta p { margin: 0 0 14px; font-size: 13px; }
.t-footer-bottom { border-top: 1px solid rgba(255,255,255,.08); padding-top: 14px; padding-bottom: 14px; font-size: 13px; display: flex; justify-content: space-between; gap: 12px; flex-wrap: wrap; color: #8FA2A6; }

/* ---------- Responsive ---------- */
@media (max-width: 1080px) {
	.t-hero-in { grid-template-columns: 1fr; gap: 22px; }
}
@media (max-width: 900px) {
	.t-search, .t-act-label, .t-hide-m { display: none !important; }
	.t-header-in { gap: 10px; }
	.t-actions { gap: 0; }
	.t-act { padding: 0 9px; }
	.t-footer-grid { grid-template-columns: 1fr 1fr; }
	.t-footer-brand { grid-column: 1 / -1; }
	.t-tiles { grid-template-columns: repeat(10, 112px); overflow-x: auto; padding-bottom: 6px; scrollbar-width: none; margin-left: -20px; padding-left: 20px; }
	.t-tiles::-webkit-scrollbar { display: none; }
}
@media (max-width: 600px) {
	:root { --t-header: 58px; }
	.t-container, body.agh-theme .agh { padding-right: 14px; padding-left: 14px; }
	body.agh-theme { --agh-gutter: 14px; }
	.t-logo { font-size: 26px; }
	.t-logo img { max-height: 36px; }
	.t-btn-new { display: none; }
	.t-city { max-width: 150px; height: 38px; padding: 0 10px; font-size: 14px; }
	.t-hero { padding: 22px 0 4px; }
	.t-hero-sub { font-size: 14.5px; margin-bottom: 14px; }
	.t-hero-cta .t-btn { height: 40px; padding: 0 16px; }
	.t-tiles { grid-template-columns: repeat(10, 92px); gap: 8px; margin-left: -14px; padding-left: 14px; }
	.t-tile { font-size: 12px; }
	.t-tile-ico svg { width: 28px; height: 28px; }
	body.agh-theme .agh-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
	body.agh-theme .agh-card-body { padding: 8px 10px 10px; }
	body.agh-theme .agh-card-title { font-size: 13.5px !important; }
	body.agh-theme .agh-featured { padding: 4px 10px 10px; border-radius: 14px; }
	.t-footer-grid { grid-template-columns: 1fr; gap: 22px; padding-top: 28px; }
	.t-footer-bottom { flex-direction: column; text-align: center; }
	.t-article h1, .t-page-title, .t-blog-head h1 { font-size: 28px; }
	.t-drop-menu { left: -8px; }
}
@media (max-width: 782px) { .admin-bar .t-header { top: 46px; } }
@media (max-width: 600px) { .admin-bar .t-header { top: 0; } }
@media (prefers-reduced-motion: reduce) { * { transition: none !important; } }

/* Hero already shows the categories as tiles. */
body.t-has-hero .agh-list > .agh-chips { display: none; }

/* ===================== v2.1: editable header/footer, Font Awesome ===================== */
.t-topbar { background: var(--t-saffron); color: var(--t-ink); font-size: 13.5px; font-weight: 700; text-align: center; padding: 6px 0; }
.t-topbar a { color: var(--t-ink); text-decoration: underline; text-underline-offset: 3px; }
.t-topbar i { margin-left: 6px; }
.t-header i { line-height: 1; }
.t-act i { font-size: 18px; }
.t-city i { color: var(--t-saffron); }
.t-search > i { position: absolute; right: 15px; top: 50%; transform: translateY(-50%); color: var(--t-firoozeh); pointer-events: none; font-size: 15px; }
.t-btn i { font-size: 13px; }
.t-badge-dot { min-width: 8px; height: 8px; padding: 0; font-size: 0; top: 8px; right: 6px; }
.t-drop-menu { min-width: 280px; }
.t-drop-user { display: flex; align-items: center; gap: 12px; }
.t-drop-avatar { width: 42px; height: 42px; border-radius: 50%; background: var(--t-saffron); color: var(--t-ink); display: grid; place-items: center; font-weight: 800; font-size: 18px; flex: 0 0 auto; }
.t-drop-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 4px; padding: 4px 10px 8px; border-bottom: 1px solid var(--t-line); margin-bottom: 6px; }
.t-drop-grid a { flex-direction: column; gap: 4px; padding: 8px 4px; border-radius: 10px; font-size: 12px; text-align: center; }
.t-drop-grid a i { font-size: 18px; }
.t-drop-menu a i { width: 20px; text-align: center; color: var(--t-firoozeh); }
.t-drop-out, .t-drop-out i { color: #B8383F !important; }
.t-drop-guest { padding: 14px 16px; border-bottom: 1px solid var(--t-line); margin: -6px 0 6px; background: var(--t-paper); }
.t-drop-guest strong { display: block; }
.t-drop-guest small { display: block; color: var(--t-muted); margin-bottom: 10px; }
.t-drop-guest .t-btn { width: 100%; }
.t-header-custom, .t-footer-custom { position: relative; z-index: 50; }
.t-tile-ico i { font-size: 30px; }
.t-social a i { font-size: 17px; }
.t-app i { font-size: 24px; color: var(--t-saffron); }
.t-contact i { margin-top: 6px; color: var(--t-saffron); width: 16px; text-align: center; }
.t-widget { margin-bottom: 18px; }
.t-widget ul { list-style: none; padding: 0; margin: 0; }
@media (max-width: 600px) {
	.t-tile-ico i { font-size: 24px; }
	.t-drop-menu { position: fixed; top: 64px; left: 10px; right: 10px; min-width: 0; }
	.admin-bar .t-drop-menu { top: 110px; }
}

/* =====================================================================
 * Home hero — search layout
 * =================================================================== */
.t-hero-s { padding: 44px 0 18px; position: relative; }
.t-hero-center { max-width: 880px; margin: 0 auto; text-align: center; }
.t-hero-s h1 { font-size: clamp(30px, 4.2vw, 50px); margin: 6px 0 8px; }
.t-hero-s .t-hero-sub { margin: 0 auto 24px; max-width: 36em; }
.t-hero-live { display: inline-flex; align-items: center; gap: 8px; margin: 0; padding: 4px 14px 4px 12px; border-radius: 999px; background: rgba(255,255,255,.85); border: 1px solid var(--t-line); font-size: 13px; font-weight: 700; color: var(--t-firoozeh-ink); box-shadow: 0 2px 10px -6px rgba(15,42,51,.3); }
.t-live-dot { width: 8px; height: 8px; border-radius: 50%; background: #22a06b; box-shadow: 0 0 0 0 rgba(34,160,107,.6); animation: t-pulse 2s infinite; }
@keyframes t-pulse { 0% { box-shadow: 0 0 0 0 rgba(34,160,107,.55); } 70% { box-shadow: 0 0 0 9px rgba(34,160,107,0); } 100% { box-shadow: 0 0 0 0 rgba(34,160,107,0); } }
@media (prefers-reduced-motion: reduce) { .t-live-dot { animation: none; } }
.t-hero-search { text-align: right; --agh-primary: var(--t-firoozeh); }
.t-hero-search .agh-hs-go { background: var(--t-saffron); color: var(--t-ink); }
.t-hero-search .agh-hs-pop { justify-content: center; }
.t-hero-trust { list-style: none; margin: 16px 0 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: center; gap: 6px 20px; font-size: 13.5px; color: var(--t-muted); }
.t-hero-trust li { display: inline-flex; align-items: center; gap: 6px; }
.t-hero-trust i { color: var(--t-firoozeh); }
.t-hero-trust a { color: inherit; }
.t-hero-trust a:hover { color: var(--t-firoozeh); }
.t-tiles-row { grid-template-columns: repeat(10, minmax(0, 1fr)); margin-top: 34px; }
.t-tiles-row .t-tile { aspect-ratio: auto; padding: 16px 6px 14px; border-radius: 14px; }
.t-tiles-row .t-tile::before { border-radius: 10px; }
.t-tiles-row .t-tile-ico { width: 52px; height: 52px; border-radius: 14px; background: #EEF7F6; }
.t-tiles-row .t-tile:hover .t-tile-ico { background: var(--t-firoozeh); color: #fff; }
.t-tiles-row .t-tile-ico i { font-size: 22px; }
/* Header search hides while the hero search is visible. */
.t-header .t-search { transition: opacity .2s, visibility .2s; }
body.t-hero-inview .t-header .t-search { opacity: 0; visibility: hidden; }
.t-search .agh-suggest { top: calc(100% + 8px); }
@media (max-width: 1100px) {
	.t-tiles-row { grid-template-columns: repeat(10, 108px); overflow-x: auto; padding-bottom: 6px; scrollbar-width: none; margin-left: -20px; padding-left: 20px; }
	.t-tiles-row::-webkit-scrollbar { display: none; }
}
@media (max-width: 760px) {
	.t-hero-s { padding: 22px 0 8px; }
	.t-hero-s h1 { font-size: 27px; }
	.t-hero-s .t-hero-sub { font-size: 14px; margin-bottom: 16px; }
	.t-hero-live { font-size: 12px; }
	.t-hero-search .agh-hs-pop { justify-content: flex-start; margin-left: -14px; margin-right: -14px; padding: 0 14px; }
	.t-hero-trust { gap: 4px 14px; font-size: 12.5px; }
	.t-tiles-row { grid-template-columns: repeat(10, 88px); gap: 8px; margin-top: 22px; margin-left: -14px; padding-left: 14px; }
	.t-tiles-row .t-tile { padding: 12px 4px 10px; font-size: 12px; }
	.t-tiles-row .t-tile-ico { width: 44px; height: 44px; }
	.t-tiles-row .t-tile-ico i { font-size: 19px; }
}

/* =====================================================================
 * Info pages (about, services, contact, rules, safe-buy rules)
 * =================================================================== */
.t-info-head { background: var(--t-ink); color: #fff; padding: 26px 0 30px; position: relative; overflow: hidden; }
.t-info-head::after { content: ""; position: absolute; inset: 0; background: var(--t-girih-soft) left top / 48px 48px; opacity: .06; pointer-events: none; }
.t-info-head .t-container { position: relative; z-index: 1; }
.t-crumbs { display: flex; gap: 8px; font-size: 13px; color: rgba(255,255,255,.65); margin-bottom: 10px; }
.t-crumbs a { color: rgba(255,255,255,.8); }
.t-crumbs a:hover { color: var(--t-saffron); }
.t-info-head h1 { display: flex; align-items: center; gap: 14px; font-family: var(--t-display); font-weight: 400; font-size: clamp(28px, 3.4vw, 40px); margin: 0; line-height: 1.4; color: #fff; }
.t-info-ic { width: 52px; height: 52px; border-radius: 14px; display: grid; place-items: center; background: var(--t-saffron); color: var(--t-ink); font-size: 22px; flex: 0 0 52px; }
.t-info-head p { margin: 10px 0 0; color: rgba(255,255,255,.75); max-width: 44em; }
.t-info { display: grid; grid-template-columns: 260px minmax(0, 1fr); gap: 28px; padding-top: 28px; padding-bottom: 56px; align-items: start; }
.t-info-side { position: sticky; top: 90px; display: flex; flex-direction: column; gap: 14px; }
.t-info-nav { background: #fff; border: 1px solid var(--t-line); border-radius: 16px; padding: 8px; display: flex; flex-direction: column; }
.t-info-nav a { display: flex; align-items: center; gap: 12px; padding: 11px 12px; border-radius: 10px; color: var(--t-ink); font-weight: 600; font-size: 14.5px; transition: background .15s; }
.t-info-nav a i { width: 20px; text-align: center; color: var(--t-faint); }
.t-info-nav a:hover { background: #F2F7F6; }
.t-info-nav a.is-active { background: #EEF7F6; color: var(--t-firoozeh-ink); }
.t-info-nav a.is-active i { color: var(--t-firoozeh); }
.t-info-help { background: #fff; border: 1px solid var(--t-line); border-radius: 16px; padding: 16px; }
.t-info-help strong { display: block; font-size: 15px; }
.t-info-help p { margin: 4px 0 10px; color: var(--t-muted); font-size: 13.5px; line-height: 1.9; }
.t-info-phone { display: flex; align-items: center; gap: 8px; justify-content: flex-end; font-weight: 800; font-size: 17px; color: var(--t-ink); margin-bottom: 10px; }
.t-info-phone i { color: var(--t-firoozeh); }
.t-info-help .t-btn { width: 100%; justify-content: center; }
.t-info-body { min-width: 0; }
.t-info-body .t-content { max-width: none; background: #fff; border: 1px solid var(--t-line); border-radius: 18px; padding: 28px 32px; }
.t-info-body .t-content > *:first-child { margin-top: 0; }
.t-info-body .t-content h2 { display: flex; align-items: center; gap: 10px; }
.t-info-body .t-content h2::before { content: ""; width: 6px; height: 22px; border-radius: 3px; background: var(--t-saffron); flex: 0 0 6px; }
.t-info-body .t-content > ul { padding-right: 0; list-style: none; }
.t-info-body .t-content > ul > li { position: relative; padding-right: 22px; margin-bottom: 8px; }
.t-info-body .t-content > ul > li::before { content: ""; position: absolute; right: 4px; top: .85em; width: 7px; height: 7px; border-radius: 2px; background: var(--t-firoozeh); transform: rotate(45deg); }
.t-info-body .agh-services, .t-info-body .agh-contact { margin-top: 18px; }
.t-info-body .t-content .agh-svc, .t-info-body .t-content .agh-feature, .t-info-body .t-content .agh-stat, .t-info-body .t-content .agh-flow li { box-shadow: none; }
.t-info-body .t-content a.agh-btn, .t-info-body .t-content .agh-contact a, .t-info-body .t-content .agh-svc-head a { text-decoration: none; }
/* Pages whose content is mostly cards (services, contact) drop the outer card. */
.t-info-body.page-services .t-content, .t-info-body .t-content:has(> .agh-services), .t-info-body .t-content:has(> .agh-contact) { background: transparent; border: 0; padding: 0; }
.t-info-updated { margin: 14px 4px 0; color: var(--t-faint); font-size: 13px; }
.t-content .agh-lead { font-size: 17px; }
@media (max-width: 900px) {
	.t-info { grid-template-columns: minmax(0, 1fr); gap: 16px; padding-top: 14px; }
	.t-info-side { min-width: 0; }
	.t-info-side { position: static; order: -1; }
	.t-info-nav { flex-direction: row; overflow-x: auto; scrollbar-width: none; padding: 6px; margin: 0 -14px; border-radius: 0; border-left: 0; border-right: 0; }
	.t-info-nav::-webkit-scrollbar { display: none; }
	.t-info-nav a { white-space: nowrap; padding: 8px 12px; font-size: 13.5px; gap: 8px; flex: 0 0 auto; }
	.t-info-help { display: none; }
	.t-info-body .t-content { padding: 18px 16px; border-radius: 14px; }
	.t-info-head { padding: 18px 0 22px; }
	.t-info-ic { width: 42px; height: 42px; flex-basis: 42px; font-size: 18px; border-radius: 12px; }
}
/* With the hero search on the page, the listing's own search bar is redundant on phones. */
@media (max-width: 760px) { body.t-has-hero .agh-list > .agh-topbar { display: none; } }

/* =====================================================================
 * Mobile menu (☰ + slide-in drawer)
 * =================================================================== */
.t-burger { display: none; flex: 0 0 auto; width: 42px; height: 42px; border: 0; border-radius: 12px; background: rgba(255,255,255,.08); cursor: pointer; padding: 0 11px; flex-direction: column; justify-content: center; gap: 4px; }
.t-burger span { display: block; height: 2px; border-radius: 2px; background: #fff; }
.t-burger span:nth-child(2) { width: 70%; }
.t-burger:hover, .t-burger:focus-visible { background: rgba(255,255,255,.16); }
.t-burger-float { position: fixed; top: 10px; right: 10px; z-index: 9995; background: var(--t-ink); box-shadow: 0 6px 18px -6px rgba(0,0,0,.4); }
html.t-lock, html.t-lock body { overflow: hidden; }
.t-drawer { position: fixed; inset: 0; z-index: 100000; }
.t-drawer[hidden] { display: none; }
.t-drawer-backdrop { position: absolute; inset: 0; background: rgba(9, 26, 31, .55); opacity: 0; transition: opacity .25s; }
.t-drawer-panel { position: absolute; top: 0; bottom: 0; right: 0; width: min(86vw, 340px); background: #fff; display: flex; flex-direction: column; transform: translateX(100%); transition: transform .26s cubic-bezier(.2,.8,.2,1); box-shadow: -18px 0 40px -12px rgba(0,0,0,.35); }
.t-drawer.is-open .t-drawer-backdrop { opacity: 1; }
.t-drawer.is-open .t-drawer-panel { transform: none; }
@media (prefers-reduced-motion: reduce) { .t-drawer-panel, .t-drawer-backdrop { transition: none; } }
.t-drawer-head { display: flex; align-items: center; justify-content: space-between; padding: 12px 16px; background: var(--t-ink); }
.t-drawer-head .t-logo { font-size: 28px; }
.t-drawer-x { width: 38px; height: 38px; border: 0; border-radius: 10px; background: rgba(255,255,255,.1); color: #fff; font-size: 18px; cursor: pointer; }
.t-drawer-body { flex: 1; overflow-y: auto; padding: 14px 14px 8px; overscroll-behavior: contain; }
.t-drawer-user, .t-drawer-login { display: flex; align-items: center; gap: 12px; padding: 12px; border-radius: 14px; background: #EEF7F6; color: var(--t-ink); margin-bottom: 12px; }
.t-drawer-user span:nth-child(2), .t-drawer-login span { flex: 1; display: flex; flex-direction: column; min-width: 0; }
.t-drawer-user small, .t-drawer-login small { color: var(--t-muted); font-size: 12px; text-align: right; }
.t-drawer-user strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.t-drawer-login > i { font-size: 20px; color: var(--t-firoozeh); width: 40px; height: 40px; border-radius: 12px; background: #fff; display: grid; place-items: center; }
.t-drawer-quick { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-bottom: 10px; }
.t-drawer-quick .t-btn { justify-content: center; height: 44px; padding: 0 10px; font-size: 14px; min-width: 0; }
.t-drawer-quick .t-btn span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.t-drawer-quick .t-btn-line { color: var(--t-ink); border-color: var(--t-line); background: #fff; }
.t-drawer-menu { list-style: none; margin: 0; padding: 0; }
.t-drawer-menu li { margin: 0; }
.t-drawer-menu a, .t-drawer-acc > button { display: flex; align-items: center; gap: 12px; width: 100%; padding: 12px 8px; border: 0; background: none; border-bottom: 1px solid #F0F3F3; color: var(--t-ink); font: inherit; font-size: 15px; font-weight: 600; text-align: right; cursor: pointer; }
.t-drawer-menu a > i:first-child, .t-drawer-acc > button > i:first-child { width: 22px; text-align: center; color: var(--t-firoozeh); font-size: 16px; }
.t-drawer-menu a .t-badge { position: static; margin-right: auto; }
.t-drawer-acc > button > i:last-child { margin-right: auto; font-size: 12px; color: var(--t-faint); transition: transform .2s; }
.t-drawer-acc > button[aria-expanded="true"] > i:last-child { transform: rotate(180deg); }
.t-drawer-acc ul, .t-drawer-menu .sub-menu { list-style: none; margin: 0; padding: 4px 0 6px; background: #F7FAFA; border-radius: 12px; }
.t-drawer-acc ul a, .t-drawer-menu .sub-menu a { font-weight: 500; font-size: 14px; padding: 10px 14px; border-bottom: 0; }
.t-drawer-menu .sub-menu { display: none; }
.t-drawer-menu .menu-item-has-children.is-open > .sub-menu { display: block; }
.t-drawer-sec { margin: 18px 8px 4px; font-size: 12px; font-weight: 700; color: var(--t-faint); }
.t-drawer-out { color: #C0392B !important; }
.t-drawer-out i { color: #C0392B !important; }
.t-drawer-foot { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 12px 16px calc(12px + env(safe-area-inset-bottom)); border-top: 1px solid var(--t-line); }
.t-drawer-phone { display: flex; align-items: center; gap: 8px; color: var(--t-ink); font-weight: 800; }
.t-drawer-phone i { color: var(--t-firoozeh); }
.t-drawer-social { display: flex; gap: 6px; }
.t-drawer-social a { width: 36px; height: 36px; border-radius: 10px; background: #EEF7F6; color: var(--t-firoozeh); display: grid; place-items: center; }
@media (max-width: 900px) {
	.t-burger { display: flex; }
}
@media (min-width: 901px) {
	.t-burger-float { display: none !important; }
}

/* =====================================================================
 * Footer visibility per device
 * =================================================================== */
@media (min-width: 901px) {
	.t-f-nodesk { display: none !important; }
}
@media (max-width: 900px) {
	.t-f-m-off { display: none !important; }
	.t-f-m-bottom .t-footer-grid { display: none !important; }
	.t-f-m-bottom.t-footer-custom { display: none !important; }
	/* Compact: brand on top, every other column collapses to its heading. */
	.t-f-m-compact .t-footer-grid { grid-template-columns: 1fr; gap: 0; }
	.t-f-m-compact .t-footer-brand { padding-bottom: 14px; }
	.t-f-m-compact .t-footer-grid > div:not(.t-footer-brand) { border-top: 1px solid rgba(255,255,255,.08); }
	.t-f-m-compact .t-footer-grid > div:not(.t-footer-brand) > h3 { display: flex; align-items: center; justify-content: space-between; margin: 0; padding: 14px 0; cursor: pointer; user-select: none; }
	.t-f-m-compact .t-footer-grid > div:not(.t-footer-brand) > h3::after { content: "\f078"; font-family: "Font Awesome 7 Free", "Font Awesome 6 Free"; font-weight: 900; font-size: 11px; opacity: .6; transition: transform .2s; }
	.t-f-m-compact .t-footer-grid > div.is-open > h3::after { transform: rotate(180deg); }
	.t-f-m-compact .t-footer-grid > div:not(.t-footer-brand):not(.is-open) > :not(h3) { display: none; }
	.t-f-m-compact .t-footer-grid > div:not(.t-footer-brand) > :not(h3) { margin-bottom: 14px; }
	.t-f-m-compact .t-footer-grid > div > .t-footer-cta { display: block !important; }
}