/* ═══════════════════════════════════════════════════════
   Vizity — SimpleBar Scrollbar Stilleri
   Marka rengi ile modern, okسız scrollbar
   ═══════════════════════════════════════════════════════ */

/* ── Native scrollbar'ı tamamen gizle ── */
*::-webkit-scrollbar { display: none; }
* { scrollbar-width: none; }

/* ── SimpleBar Track (ray) ── */
.simplebar-track.simplebar-vertical {
  width: 6px;
  right: 2px;
  background: transparent;
}

.simplebar-track.simplebar-horizontal {
  height: 6px;
  bottom: 2px;
  background: transparent;
}

/* ── SimpleBar Thumb (kaydırma çubuğu) ── */
.simplebar-scrollbar::before {
  content: "";
  position: absolute;
  left: 1px;
  right: 1px;
  top: 0;
  bottom: 0;
  border-radius: 0;
  background: rgba(0, 104, 255, .25) !important;
  opacity: 1 !important;
  transition: background .2s ease;
  min-height: 40px;
}

/* Hover */
.simplebar-track:hover .simplebar-scrollbar::before,
.simplebar-scrollbar:hover::before {
  background: rgba(0, 104, 255, .50) !important;
}

/* ── iOS/Mobil ── */
@supports (-webkit-touch-callout: none) {
  .simplebar-track.simplebar-vertical {
    width: 4px;
    right: 1px;
  }
  .simplebar-scrollbar::before {
    background: rgba(0, 104, 255, .30) !important;
    min-height: 30px;
  }
}