/* ═══════════════════════════════════════════════════════════════
   site.css — قوانین CSS فقط برای سایت (مرورگر معمولی)
   هیچ قانونی اینجا نباید روی اپ اندروید اعمال بشه.
   ═══════════════════════════════════════════════════════════════ */

/* ── Hover states — فقط مرورگر دسکتاپ/موبایل ─────────────── */
/* داخل WebView همیشه لمسیه، hover state گاهی «گیر» می‌کنه
   (کاربر لمس می‌کنه، حالت hover می‌مونه تا کلیک بعدی) */
.is-web .btn:hover {
  filter: brightness(1.1);
  transform: translateY(-1px);
}
.is-web .btn.ghost:hover {
  background: var(--surface2);
}
.is-web .nav-item:hover {
  background: var(--surface);
  color: var(--text);
  transform: translateX(-2px);
}
.is-web .nav-item.active:hover {
  transform: none;
}
.is-web .nav-group-title:hover {
  background: var(--surface);
  color: var(--text);
  transform: translateX(-2px);
  opacity: 1;
}
.is-web .icon-btn:hover {
  background: var(--surface2);
  transform: translateY(-2px);
  box-shadow: var(--shadow);
}
.is-web .card:hover {
  box-shadow: var(--shadow);
  border-color: color-mix(in srgb, var(--border) 60%, var(--accent) 20%);
}
.is-web .li:hover {
  border-color: color-mix(in srgb, var(--accent) 40%, var(--border));
}
.is-web tbody tr:hover {
  background: var(--surface2);
}
.is-web .hc:hover {
  transform: scale(1.25);
}
.is-web .theme-opt:hover {
  transform: translateY(-2px);
}
.is-web .ac-item:hover,
.is-web .ac-item.active {
  background: var(--surface2);
  color: var(--accent2);
}
.is-web .ot-carousel-arrow:hover {
  background: var(--surface2);
}
.is-web .swatch:hover {
  transform: scale(1.1);
}
.is-web a:hover {
  text-decoration: underline;
}
.is-web ::-webkit-scrollbar-thumb:hover {
  background: var(--muted);
}

/* ── بنر نصب اپلیکیشن — فقط توی سایت معنا داره ──────────── */
.is-web .app-download-banner {
  display: flex !important;
}