/* پارسامیهن · لایهٔ ظاهری (نسخهٔ ۲) — فقط رنگ، فونت و سبک کارت‌ها
   ⚠️ عمداً هیچ قاعدهٔ چیدمان (position / display / grid / modal / nav / filter / toolbar) در این فایل نیست؛
   همهٔ رسپانسیو (موبایل · تبلت · دسکتاپ) فقط در platform-plus.css انجام می‌شود تا دو لایه با هم تداخل نکنند.
   بعد از platform-plus.css بارگذاری شود. */
:root{
  --font:"Vazirmatn","Segoe UI",Tahoma,system-ui,sans-serif;
  --ink:#14283d; --ink-soft:#52677d; --paper:#f6f4ef; --card:#fffefb;
  --line:rgba(20,40,61,.1); --gold:#c9a04a; --gold-deep:#9a7424;
  --r-s:10px; --r-m:16px;
  --sh-1:0 1px 2px rgba(20,40,61,.06),0 4px 14px rgba(20,40,61,.05);
  --sh-2:0 2px 4px rgba(20,40,61,.06),0 18px 40px rgba(20,40,61,.12);
}
body.dark{--ink:#e7edf3;--ink-soft:#9fb0c1;--paper:#0f1720;--card:#17212c;--line:rgba(255,255,255,.09);--sh-1:0 1px 2px #0006;--sh-2:0 18px 40px #0008}

*{font-family:var(--font)}
body{font-size:clamp(14px,.9vw + 10px,16px);line-height:1.75;-webkit-font-smoothing:antialiased}

/* دکمه‌ها: زبان بصری واحد */
.btn-filter,.btn-view,.btn-submit,.btn-secondary{border-radius:var(--r-s);font-weight:700}
.btn-submit{background:var(--ink);color:var(--paper)}
body.dark .btn-submit{background:var(--gold);color:#0f1720}

/* کارت‌ها */
.cat-card,.ad-card,.filter-bar{border:1px solid var(--line)}
.cat-card:hover,.ad-card:hover{border-color:var(--gold)}
.ad-card .ad-price{color:var(--gold-deep)}
body.dark .ad-card .ad-price{color:var(--gold)}

/* فیلدها */
.filter-group input,.filter-group select,.field input,.field select,.field textarea{
  border-radius:var(--r-s);border:1px solid var(--line);min-height:44px}

/* جلوگیری از سرریز افقی ناشی از متن/جدول طولانی */
.ad-card,.modal-box,.filter-group{min-width:0}
.modal-box::-webkit-scrollbar{width:8px}
.modal-box::-webkit-scrollbar-thumb{background:var(--line);border-radius:8px}

/* موبایل: نوار ابزار مرتب — ساعت و آب‌وهوا مخفی تا جا برای دکمه‌های اصلی باشد */
@media(max-width:768px){
  .toolbar .badge-info{display:none}
  .logo h1{font-size:clamp(22px,7vw,28px)}
  .tabs a{font-size:13px}
}
