:root {
  --vid-scroll-track: #070b15;
  --vid-scroll-track-line: rgba(212, 176, 106, .18);
  --vid-scroll-thumb-a: #ead7ac;
  --vid-scroll-thumb-b: #c79b54;
  --vid-scroll-thumb-c: #765326;
  --vid-scroll-thumb-border: #080d19;
  --vid-scroll-corner: #080d19;
}

:root[data-vid-theme="light"] {
  --vid-scroll-track: #e8decb;
  --vid-scroll-track-line: rgba(105, 76, 33, .2);
  --vid-scroll-thumb-a: #d7b977;
  --vid-scroll-thumb-b: #a97934;
  --vid-scroll-thumb-c: #62431d;
  --vid-scroll-thumb-border: #eee5d5;
  --vid-scroll-corner: #eee5d5;
}

html {
  scrollbar-gutter: stable;
  scrollbar-width: thin;
  scrollbar-color: var(--vid-scroll-thumb-b) var(--vid-scroll-track);
}

body,
textarea,
pre,
[class*="scroll"],
[style*="overflow"] {
  scrollbar-width: thin;
  scrollbar-color: var(--vid-scroll-thumb-b) var(--vid-scroll-track);
}

::-webkit-scrollbar {
  width: 13px;
  height: 13px;
}

::-webkit-scrollbar-track {
  background:
    linear-gradient(90deg, transparent, var(--vid-scroll-track-line) 48% 52%, transparent),
    var(--vid-scroll-track);
  border-radius: 999px;
}

::-webkit-scrollbar-thumb {
  min-height: 44px;
  background:
    linear-gradient(90deg,
      var(--vid-scroll-thumb-c),
      var(--vid-scroll-thumb-a) 18%,
      var(--vid-scroll-thumb-b) 52%,
      var(--vid-scroll-thumb-a) 82%,
      var(--vid-scroll-thumb-c)
    ) padding-box;
  border: 3px solid transparent;
  border-radius: 999px;
  box-shadow: inset 0 0 0 1px rgba(65, 43, 16, .28);
}

::-webkit-scrollbar-thumb:hover {
  background:
    linear-gradient(90deg,
      #5d3d19,
      #f0dca8 20%,
      #d2a85e 52%,
      #f0dca8 80%,
      #5d3d19
    ) padding-box;
}

::-webkit-scrollbar-corner {
  background: var(--vid-scroll-corner);
}

/* Portföy: yatay şerit ve modalın metin/thumbnail alanları özellikle görünür. */
.vid-pf .pf-preview__rail,
#pf-modal .pf-modal__thumbstrip,
#pf-modal .pf-modal__side,
.imkansiz-dialog__stage {
  scrollbar-width: thin !important;
  scrollbar-color: var(--vid-scroll-thumb-b) var(--vid-scroll-track) !important;
}

.vid-pf .pf-preview__rail {
  padding-bottom: 13px !important;
}

.vid-pf .pf-preview__rail::-webkit-scrollbar,
#pf-modal .pf-modal__thumbstrip::-webkit-scrollbar {
  display: block !important;
  height: 11px !important;
}

#pf-modal .pf-modal__side::-webkit-scrollbar,
.imkansiz-dialog__stage::-webkit-scrollbar {
  display: block !important;
  width: 11px !important;
}

.vid-pf .pf-preview__rail::-webkit-scrollbar-track,
#pf-modal .pf-modal__thumbstrip::-webkit-scrollbar-track,
#pf-modal .pf-modal__side::-webkit-scrollbar-track,
.imkansiz-dialog__stage::-webkit-scrollbar-track {
  box-shadow: inset 0 0 0 1px var(--vid-scroll-track-line);
}

/* Fotoğraf zoom/pan alanı bilinçli olarak hariç: sürükleme davranışı bozulmaz. */
#pf-modal .pf-modal__media,
#pf-modal .pf-modal__media.is-zoomed {
  scrollbar-width: none;
}

#pf-modal .pf-modal__media::-webkit-scrollbar,
#pf-modal .pf-modal__media.is-zoomed::-webkit-scrollbar {
  display: none !important;
}

@media (max-width: 720px) {
  ::-webkit-scrollbar { width: 10px; height: 10px; }
  .vid-pf .pf-preview__rail { padding-bottom: 10px !important; }
}

@media (prefers-contrast: more) {
  :root { --vid-scroll-track-line: rgba(212,176,106,.42); }
  ::-webkit-scrollbar-thumb { border-width: 2px; }
}