/* ═══════════════════════════════════════════════════════════
   sale_site_v4.css
   — تمام selector ها با fs- یا data-fs شروع می‌شوند
   — هیچ تداخلی با سایت اصلی ندارد
═══════════════════════════════════════════════════════════ */

/* ─── انیمیشن ────────────────────────────────────────── */
@keyframes fs-fadein  { from { opacity: 0; }                          to { opacity: 1; } }
@keyframes fs-slidein { from { transform: translateY(32px); opacity: 0; }
                        to   { transform: translateY(0);    opacity: 1; } }

/* ─── پاپ‌آپ ─────────────────────────────────────────── */
#fs-pop { font-family: inherit; }
#fs-pop input,
#fs-pop textarea { font-family: inherit !important; }
#fs-pop a:hover  { opacity: .9; }

/* ─── نوارهای صفحه اصلی ─────────────────────────────── */
/* flex-wrap:wrap در JS هست — اینجا فقط موبایل full-width */
@media (max-width: 520px) {
  #fs-home-bars {
    gap: 5px !important;
  }
  #fs-home-bars > div {
    /* در موبایل هر کدام کل عرض را بگیرد */
    flex: 1 1 100% !important;
    min-width: 0 !important;
  }
}

/* ─── نوارهای رنگی لیست ─────────────────────────────── */
#fs-cls-bar,
#fs-sys-bar,
#fs-org-bar { font-family: inherit; transition: box-shadow .18s; }
#fs-sys-bar:hover,
#fs-org-bar:hover { box-shadow: 0 6px 18px rgba(0,0,0,.22) !important; }

/* ─── هشدار VPN ──────────────────────────────────────── */
#fs-vpn { font-family: inherit; }

/* ─── badge جریمه نامشخص ─────────────────────────────── */
[data-fs-np] { animation: fs-fadein .2s ease; }

/* ─── تقویم ─────────────────────────────────────────── */
.taqvim td[data-fs-cal],
.cal-cell[data-fs-cal],
[class*="calendar"] td[data-fs-cal] {
  position: relative;
  cursor: pointer;
  transition: background .15s;
}
.taqvim td[data-fs-cal]:hover,
.cal-cell[data-fs-cal]:hover,
[class*="calendar"] td[data-fs-cal]:hover {
  background: rgba(59,130,246,.08) !important;
}
.taqvim td[data-fs-cal] > div,
.cal-cell[data-fs-cal] > div { pointer-events: none; }

/* ─── دکمه کنسلی ─────────────────────────────────────── */
#canceli[data-fh="1"] { transition: opacity .15s; }
#canceli[data-fh="1"]:hover { opacity: .88; }

/* ─── دکمه‌های داخل ردیف ─────────────────────────────── */
a[data-fs-btn]:hover { opacity: .85; }

/* ─── پاپ‌آپ موبایل ─────────────────────────────────── */
@media (max-width: 520px) {
  #fs-pop > div {
    border-radius: 14px 14px 0 0 !important;
    max-height: 95vh !important;
  }
}