/* ============================================================
   ArTi — برند آرتی — لایه بصری نازک
   ============================================================
   فقط چیزهایی که با توکن‌ها قابل‌اعمال نیستند (مارک‌آپ/گرادیان هاردکد
   موتور): هدر سبز برند با خط طلایی، لوگوی نشانه‌ای RT + متن «آرتی»،
   فوتر سبز عمیق، مخفی‌سازی امتیاز/نظرات (تصمیم قطعی کارفرما)،
   گرادیان‌های هاردکدِ موتور → سبز برند.
   بعد از main.css و tokens.css چایلد بارگذاری می‌شود.
   ============================================================ */

/* ----------------------------------------------------------------
   لوگو — نشانه‌ی RT (فیگور انسانیِ ساده‌شده از حروف R/T) + متن «آرتی»
   هر دو نسخه‌ی نشانه (سبز/سفید) در مارک‌آپ هست؛ CSS تصمیم می‌گیرد:
   هدر سبز → نشانه‌ی سفید؛ دراور/سطح روشن → نشانه‌ی سبز؛ فوتر → سفید.
   فرض: سند فقط نشانه (icon mark) را داده و لوگوتایپ کامل ندارد،
   پس نشانه + وردمارک متنی «آرتی» کنار هم چیده شده‌اند؛ اگر مالک
   لوگوی ترکیبی رسمی داد، جایگزین‌شدنی است.
   ---------------------------------------------------------------- */
.brand--arti { display: inline-flex; align-items: center; gap: 10px; line-height: 1; white-space: nowrap; }
.site-header__brand { flex: 0 0 auto; }
.arti-logo-mark { display: block; height: 40px; width: auto; }
.arti-logo-lockup { display: flex; flex-direction: column; line-height: 1.05; align-items: flex-start; }
.arti-logo-lockup > span { white-space: nowrap; }
.arti-logo-text {
  font-family: var(--font-logo);
  font-weight: var(--weight-title);
  font-size: 21px;
  letter-spacing: 0;
  color: var(--green-600);
}
/* ۱.۶.۰ — زیرنویس انگلیسی «RT ONLINE STORE» به خواست مالک حذف شد؛
   لاک‌آپ = نشانه + «پوشاک آرتی» تنها. */
.arti-logo-sub { display: none; }
.menu-drawer__head .arti-logo-mark,
.site-footer .arti-logo-mark { height: 34px; }
.menu-drawer__head .arti-logo-text { font-size: 18px; }
.site-footer .arti-logo-text { color: #FFFFFF; }

/* کدام نسخه‌ی نشانه کجا دیده شود:
   پیش‌فرض = سبز؛ نوع white موتور (فوتر/سطح تیره) و هدر سبز = سفید */
.arti-logo-mark--white,
.brand--arti-white .arti-logo-mark--green,
.site-header .arti-logo-mark--green,
.site-footer .arti-logo-mark--green { display: none; }
.brand--arti-white .arti-logo-mark--white,
.site-header .arti-logo-mark--white,
.site-footer .arti-logo-mark--white { display: block; }
/* دراور موبایل (سطح روشن) — همیشه نشانه‌ی سبز */
.menu-drawer .arti-logo-mark--green { display: block; }
.menu-drawer .arti-logo-mark--white { display: none; }
.menu-drawer .arti-logo-text { color: var(--green-600); }

/* ----------------------------------------------------------------
   هدر — همیشه سبز برند با خط طلایی زیرش (قانون قطعی سند RT)
   آیکون‌ها/ناوبری/لوگو سفید؛ بج سبد طلایی؛ هاور = سطح سفید نیمه‌شفاف.
   ---------------------------------------------------------------- */
.site-header { background: var(--green-600); border-bottom: 2px solid var(--gold-500); }
.site-header__bar { border-bottom: 0; }
.site-header .arti-logo-text { color: #FFFFFF; }
.site-header .header-icon { color: #FFFFFF; }
.site-header .header-icon:hover { color: #FFFFFF; background: rgba(255, 255, 255, 0.14); }
.site-header .cart-count { background: var(--gold-500); color: var(--green-900); }

/* فیلد جستجوی هدر روی سبز — دقیقا استایل ماک: پیل سفیدِ ۱۶٪ + متن سفید ۸۵٪ */
.site-header .header-search-field { background: rgba(255, 255, 255, 0.16); color: rgba(255, 255, 255, 0.85); }
.site-header .header-search-field:hover { background: rgba(255, 255, 255, 0.22); }

@media (min-width: 1024px) {
  .primary-nav a { color: rgba(255, 255, 255, 0.94); padding: 8px 13px; border-radius: var(--radius-pill, 999px);
    transition: background var(--motion-fast, 160ms) ease; }
  .primary-nav a:hover { color: #FFFFFF; background: rgba(255, 255, 255, 0.14); } /* پیل hover ماک */
  .primary-nav .current-menu-item > a,
  .primary-nav .current_page_item > a,
  .primary-nav a[aria-current] { color: #FFFFFF; }
  .primary-nav { gap: 4px; } /* پدینگ پیل جای gap بزرگ موتور را می‌گیرد */
}

/* هدر شفاف (هیرو تمام‌عرض) دست‌نخورده می‌ماند — موتور خودش سفید می‌کند */
.site-header--transparent { background: transparent; border-bottom: 0; }

/* ----------------------------------------------------------------
   صفحه ورود متمرکز (body.hkph-auth-screen) — موتور هدر را شفاف
   می‌کند و بستر روشن است؛ پس نشانه و وردمارک باید سبز باشند
   (بازخورد مالک: لوگوی سفید روی بستر روشن دیده نمی‌شد). ۱.۶.۰
   ---------------------------------------------------------------- */
body.hkph-auth-screen .site-header .arti-logo-mark--white { display: none; }
body.hkph-auth-screen .site-header .arti-logo-mark--green { display: block; }
body.hkph-auth-screen .site-header .arti-logo-text { color: var(--green-600); }

/* ----------------------------------------------------------------
   فوتر — سبز عمیق (موتور به‌صورت هاردکد از var(--slate-600) استفاده
   می‌کند؛ اینجا به surface-inverse برند override می‌شود، مثل هیوان)
   ---------------------------------------------------------------- */
.site-footer { background: var(--green-900); color: #fff; }

/* ----------------------------------------------------------------
   تیکر (نوار اعلان) — سبز عمیق green-900 با متن سفید و آیکون طلایی
   (AnnounceBar فایل طراحی: bg green-900، آیکون gold-400).
   رنگ پس‌زمینه از توکن --ticker-bg می‌آید (پیش‌فرض چایلد = #122B18).
   ---------------------------------------------------------------- */
.ticker { color: #FFFFFF; }
.ticker a { color: #FFFFFF; }
.ticker .ticker__item > svg { color: var(--gold-400, #D8B252); }

/* ----------------------------------------------------------------
   ناوبری — آیتم «حراج» = طلایی روشن روی هدر سبز، دقیقا مثل Header
   فایل طراحی (آیتم accent: رنگ gold-300، وزن ۷۰۰).
   ---------------------------------------------------------------- */
@media (min-width: 1024px) {
  .primary-nav .menu-item.sale > a,
  .primary-nav .sale > a { color: var(--gold-300, #E4C778); font-weight: var(--weight-strong); }
  .primary-nav .menu-item.sale > a:hover,
  .primary-nav .sale > a:hover { color: var(--gold-200, #F0DDA8); }
}

/* ----------------------------------------------------------------
   فرم‌ها — دقیقا کامپوننت Input فایل طراحی: سطح سفید (surface-card)
   + خط دور stone-300 + فوکوس سبز با رینگ نرم. موتور اینپوت را
   کرم بی‌خط می‌گذارد که روی بستر کرم RT گم می‌شود (بازخورد مالک).
   ---------------------------------------------------------------- */
.input,
input[type="text"], input[type="tel"], input[type="email"], input[type="password"],
input[type="number"], input[type="search"], input[type="url"],
textarea, select,
.select2-container .select2-selection {
  background: #FFFFFF;
  border-color: var(--slate-300, #D5CABA);
}
input:focus, textarea:focus, select:focus {
  border-color: var(--green-600);
  box-shadow: var(--shadow-focus);
}
/* جستجوی اورلی و فیلترها هم همین قاعده را می‌گیرند؛ فیلد هدر جداست */
.site-header .header-search-field { border-color: transparent; }

/* ----------------------------------------------------------------
   قیمت — قیمت عادی مشکی/خنثی تیره؛ «قیمت تخفیف‌خورده همیشه قرمز»
   (قانون قطعی سند RT §۳: تخفیف = قرمز #E0241C، هرگز رنگ دیگر)
   ---------------------------------------------------------------- */
.price,
.product-card__price,
.product-summary__price,
.woocommerce-Price-amount.amount { color: var(--slate-700); }
/* [MOB-01] must out-specificity `.woocommerce-Price-amount.amount{color:var(--slate-700)}` above (0,2,0) */
.price del, del.price, del .woocommerce-Price-amount.amount { color: var(--muted-2); }
.price ins .woocommerce-Price-amount.amount,
.product-card__price ins,
.product-card__price ins .woocommerce-Price-amount.amount,
.product-summary__price ins .woocommerce-Price-amount.amount { color: var(--sale, #E0241C); }

/* سلسله‌مراتبِ قیمتِ کارت (بازخورد مالک: قیمت‌ها روی موبایل کوچک بودند —
   واحدِ «تومان» حدود ۶px و ناخوانا). قیمتِ پرداختی کانونِ توجه می‌شود؛ قیمتِ
   اصلی کوچک و ثانویه می‌ماند. فقط RT؛ موتور و هیوان تغییری نمی‌کنند. */
.product-card__price { font-size: 15.5px; gap: 0 6px; }
.product-card__price ins .woocommerce-Price-amount.amount,
.product-card__price > .woocommerce-Price-amount.amount { font-size: 1.15em; font-weight: var(--weight-title); }
.product-card__price .woocommerce-Price-currencySymbol { font-size: .82em; }
/* [MOB-01] در قیمتِ خط‌خورده، این override‌ی .82em (وزن 0,2,0) روی نمادِ «تومان»
   از قانونِ کلی‌ترِ `del .woocommerce-Price-currencySymbol{font-size:1em}` در
   woocommerce.css (وزن 0,1,1) جلو می‌افتد و نماد را به ~۱۰px می‌رساند — زیرِ کفِ
   ۱۱px. با افزودنِ `del` وزنِ این قانون را از آن قانون بالاتر می‌بریم. */
.product-card__price del .woocommerce-Price-currencySymbol { font-size: 1em; }
/* [p4.3] A11Y-011: opacity:.85 با بستر سفید/کارت بلند می‌شد و رنگِ مؤثر --muted-2
   را به ۴٫۴۹:۱ می‌رساند (زیرِ ۴٫۵ AA) — axe روی همین المان color-contrast می‌داد.
   خودِ رنگِ --muted-2 (که حالا با --muted یکی است) کافی است؛ opacity حذف شد. */
.product-card__price del { font-size: max(12px, .8em); } /* [MOB-01] floor */
@media (min-width: 1024px) { .product-card__price { font-size: 17px; } }

/* ----------------------------------------------------------------
   امتیاز/نظرات — نمایش داده نمی‌شود (تصمیم قطعی کارفرما در سند RT:
   نه روی کارت محصول، نه صفحه‌ی محصول). فیلترهای PHP در functions.php
   خروجی را حذف می‌کنند؛ این‌جا کمربند ایمنی CSS برای بقایای احتمالی.
   ---------------------------------------------------------------- */
.star-rating,
.woocommerce-product-rating,
.product-card__rating,
.woocommerce-review-link { display: none !important; }

/* ----------------------------------------------------------------
   CTA اصلی هیرو — دکمه‌ی لهجه‌ی طلایی (سند RT §۳: «الان خرید کن»
   = کنش برجسته با طلایی عسلی). CTA دوم (ghost) دست‌نخورده.
   ---------------------------------------------------------------- */
.hero__cta .btn--primary { background: var(--gold-500); color: var(--green-900); }
.hero__cta .btn--primary:hover { background: var(--gold-600); color: var(--green-900); }
.hero__cta .btn--primary:active { background: var(--gold-700); color: #FFFFFF; }

/* ----------------------------------------------------------------
   گرادیان‌های هاردکدِ موتور (آبی/فیروزه‌ای) → سبز برند آرتی
   ---------------------------------------------------------------- */
.promo { background: linear-gradient(135deg, var(--green-600), var(--green-800)); }
.collection-tile--noimg .collection-tile__img { background: linear-gradient(150deg, var(--green-700), var(--green-900)); }
.account-profile { background: linear-gradient(120deg, var(--green-700), var(--green-900)); }

/* کارت موجودی باشگاه (در صورت فعال بودن ماژول) — سبز عمیق */
.hkph-club__card { background: linear-gradient(120deg, var(--green-700), var(--green-900)); }

/* ----------------------------------------------------------------
   کارت محصول — سطح سفید + lift نرم روی هاور دسکتاپ
   ---------------------------------------------------------------- */
@media (min-width: 1024px) {
  .product-card:hover { transform: translateY(-3px); box-shadow: var(--shadow-raised); }
}

/* ----------------------------------------------------------------
   [p3.3] MOB-10 — سلسله‌مراتبِ CTA در صفحهٔ محصول: «افزودن به سبد»
   پررنگ‌ترین عنصرِ ناحیهٔ خرید است (سبزِ توپُرِ برند + سایهٔ نرمِ سبز،
   تک‌خطی و پهن — چیدمان در pdp.css موتور)، «راهنمای سایز» فقط یک
   لینکِ متنیِ آرام کنارِ برچسبِ «سایز» (آیکونِ طلاییِ کم‌رنگ، نه قابِ
   خط‌چینِ طلاییِ تمام‌عرض که از خودِ CTA بزرگ‌تر دیده می‌شد).
   خطِ «بیسیک» (طراحی کن = اصلی) دست‌نخورده: آن‌جا افزودن ثانویه است.
   ---------------------------------------------------------------- */
.product-buy .single_add_to_cart_button { box-shadow: 0 6px 16px rgba(46, 107, 60, .26); }
.product-buy[data-line="basic"] .single_add_to_cart_button { box-shadow: none; }
.product-buy .size-guide-dashed { color: var(--green-800, #1B4124); }
.product-buy .size-guide-dashed svg { color: var(--gold-700, #8F6C12); }
.product-sticky-cta .btn--primary { box-shadow: 0 4px 12px rgba(46, 107, 60, .22); }