/**
 * Leakly scrollbar — loaded after main.css
 * Native bars hidden; custom overlay drawn by scrollbar.js (works on Windows/Firefox).
 */

html,
body {
  height: 100%;
  overflow: hidden !important;
}

#lk-scrollport.lk-scrollport {
  position: fixed;
  inset: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  max-height: 100dvh;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overscroll-behavior-y: contain;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
}

#lk-scrollport.lk-scrollport::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
  display: none !important;
}

/* Custom overlay scrollbar (page) */
.lk-vscroll {
  position: fixed;
  top: 0;
  right: 2px;
  bottom: 0;
  width: 10px;
  z-index: 500;
  pointer-events: none;
  padding: 6px 0;
  opacity: 1;
  transition: opacity 0.2s ease;
}

.lk-vscroll.is-hidden {
  opacity: 0;
  visibility: hidden;
}

.lk-vscroll__track {
  position: relative;
  width: 100%;
  height: 100%;
  pointer-events: auto;
}

.lk-vscroll__thumb {
  position: absolute;
  top: 0;
  right: 1px;
  width: 5px;
  min-height: 32px;
  border-radius: 999px;
  background: #4d4d4d;
  cursor: default;
  touch-action: none;
  transition: background 0.15s ease;
  will-change: transform, height;
}

.lk-vscroll:hover .lk-vscroll__thumb,
.lk-vscroll.is-dragging .lk-vscroll__thumb {
  background: #666666;
}

body.is-lightbox-open .lk-vscroll,
body.is-vscroll-hidden .lk-vscroll {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

body.is-lightbox-open #lk-scrollport.lk-scrollport {
  overflow: hidden !important;
}

/* Inner horizontal rails — thin native where supported */
.lk-scroll,
[data-lk-scroll],
.cat-row,
.continue-rail,
.browse-filters__chips,
.lk-modal__body,
.lk-dd__menu,
.header-search-suggest,
textarea,
.shorts-feed {
  scrollbar-width: thin;
  scrollbar-color: #4d4d4d transparent;
}

.lk-scroll::-webkit-scrollbar,
[data-lk-scroll]::-webkit-scrollbar,
.cat-row::-webkit-scrollbar,
.continue-rail::-webkit-scrollbar,
.browse-filters__chips::-webkit-scrollbar,
.lk-modal__body::-webkit-scrollbar,
.lk-dd__menu::-webkit-scrollbar,
.header-search-suggest::-webkit-scrollbar,
textarea::-webkit-scrollbar,
.shorts-feed::-webkit-scrollbar {
  width: 5px !important;
  height: 5px !important;
}

.lk-scroll::-webkit-scrollbar-button,
[data-lk-scroll]::-webkit-scrollbar-button,
.cat-row::-webkit-scrollbar-button,
.continue-rail::-webkit-scrollbar-button,
.browse-filters__chips::-webkit-scrollbar-button,
.lk-modal__body::-webkit-scrollbar-button,
.lk-dd__menu::-webkit-scrollbar-button,
.header-search-suggest::-webkit-scrollbar-button,
textarea::-webkit-scrollbar-button,
.shorts-feed::-webkit-scrollbar-button {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
}

.lk-scroll::-webkit-scrollbar-track,
[data-lk-scroll]::-webkit-scrollbar-track,
.cat-row::-webkit-scrollbar-track,
.continue-rail::-webkit-scrollbar-track,
.browse-filters__chips::-webkit-scrollbar-track,
.lk-modal__body::-webkit-scrollbar-track,
.lk-dd__menu::-webkit-scrollbar-track,
.header-search-suggest::-webkit-scrollbar-track,
textarea::-webkit-scrollbar-track,
.shorts-feed::-webkit-scrollbar-track {
  background: transparent !important;
}

.lk-scroll::-webkit-scrollbar-thumb,
[data-lk-scroll]::-webkit-scrollbar-thumb,
.cat-row::-webkit-scrollbar-thumb,
.continue-rail::-webkit-scrollbar-thumb,
.browse-filters__chips::-webkit-scrollbar-thumb,
.lk-modal__body::-webkit-scrollbar-thumb,
.lk-dd__menu::-webkit-scrollbar-thumb,
.header-search-suggest::-webkit-scrollbar-thumb,
textarea::-webkit-scrollbar-thumb,
.shorts-feed::-webkit-scrollbar-thumb {
  background: #4d4d4d !important;
  border-radius: 999px !important;
}

.lk-scroll::-webkit-scrollbar-thumb:hover,
[data-lk-scroll]::-webkit-scrollbar-thumb:hover,
.cat-row::-webkit-scrollbar-thumb:hover,
.continue-rail::-webkit-scrollbar-thumb:hover,
.browse-filters__chips::-webkit-scrollbar-thumb:hover,
.lk-modal__body::-webkit-scrollbar-thumb:hover,
.lk-dd__menu::-webkit-scrollbar-thumb:hover,
.header-search-suggest::-webkit-scrollbar-thumb:hover,
textarea::-webkit-scrollbar-thumb:hover,
.shorts-feed::-webkit-scrollbar-thumb:hover {
  background: #666666 !important;
}

.settings-mobile-tabs {
  scrollbar-width: none !important;
}

.settings-mobile-tabs::-webkit-scrollbar {
  display: none !important;
}