/* ==========================================================================
   اسکرول‌بار نازک و تیره در کل سایت
   به‌جای نوار سفید و فلش‌دار ویندوز (مثل لیست اعلان‌ها و ردیف‌های افقی کارت‌ها)
   ========================================================================== */

/* فایرفاکس و کروم ۱۲۱ به بعد */
html,
body * {
  scrollbar-width: thin;
  scrollbar-color: color-mix(in srgb, var(--text, #cce1ff) 22%, transparent) transparent;
}

/* کروم/اج/سافاری قدیمی‌تر */
body *::-webkit-scrollbar,
html::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

body *::-webkit-scrollbar-track,
html::-webkit-scrollbar-track {
  background: transparent;
}

body *::-webkit-scrollbar-thumb,
html::-webkit-scrollbar-thumb {
  background: color-mix(in srgb, var(--text, #cce1ff) 22%, transparent);
  border-radius: 99px;
}

body *::-webkit-scrollbar-thumb:hover,
html::-webkit-scrollbar-thumb:hover {
  background: color-mix(in srgb, var(--primaryColor, #4d6bff) 70%, transparent);
}

body *::-webkit-scrollbar-button,
html::-webkit-scrollbar-button {
  display: none;
  width: 0;
  height: 0;
}

body *::-webkit-scrollbar-corner {
  background: transparent;
}

/* ---------- لیست اعلان‌های هدر: بدون نوار (اسکرول با چرخ/لمس) + محو شدن پایین لیست ---------- */
.notif_items .notif_items__list {
  scrollbar-width: none !important;
  -ms-overflow-style: none;
  overscroll-behavior: contain;
  -webkit-mask-image: linear-gradient(180deg, #000 calc(100% - 26px), transparent);
  mask-image: linear-gradient(180deg, #000 calc(100% - 26px), transparent);
}

.notif_items .notif_items__list::-webkit-scrollbar {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
}

/* ردیف‌های افقی کارت‌ها: نوار مخفی (با لمس/کشیدن اسکرول می‌شوند) */
.cards-scroll {
  scrollbar-width: none !important;
}

.cards-scroll::-webkit-scrollbar {
  display: none !important;
  height: 0 !important;
}