/* ===================================================
   Wood-theme custom scrollbar — Ablak-klinika
   =================================================== */

/* Firefox */
html {
  scrollbar-width: thin;
  scrollbar-color: #993f25 #f8ece4;
}

/* Chromium / Safari / Edge */
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

::-webkit-scrollbar-track {
  background: #f8ece4;        /* wood-100 */
  border-radius: 100vh;
}

::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #d18b60 0%, #7f3622 100%);   /* wood-400 → wood-800 */
  border-radius: 100vh;
  border: 2px solid #f8ece4;  /* creates inset look */
  transition: background 0.25s ease;
}

::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(180deg, #c36a36 0%, #662d1f 100%);   /* wood-500 → wood-900 */
}

::-webkit-scrollbar-corner {
  background: #f8ece4;
}