/* Custom Scrollbar for KlinikPlus
   Provides a modern, styled scrollbar to replace the browser default
   Compatible with modern browsers (Chrome, Firefox, Edge, Safari)
*/

/* Width and color for the scrollbar track */
::-webkit-scrollbar {
  width: 10px;
}

/* Handle design */
::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #FF8E6C 0%, #FF8E6C 100%);
  border-radius: 10px;
  transition: background 0.3s ease;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(180deg, #ff7c54 0%, #ff7c54 100%);
}

/* Track background */
::-webkit-scrollbar-track {
  background: rgba(240, 240, 240, 0.8);
  border-radius: 10px;
}

/* Button (arrows) styling if needed */
::-webkit-scrollbar-button {
  display: none;
}

/* Corner where horizontal and vertical scrollbars meet */
::-webkit-scrollbar-corner {
  background: transparent;
}

/* For Firefox */
html {
  scrollbar-width: thin;
  scrollbar-color: #FF8E6C rgba(240, 240, 240, 0.8);
}

/* For mobile and touch devices */
@media (max-width: 768px) {
  ::-webkit-scrollbar {
    width: 6px;
  }
}

/* Additional smooth scrolling behavior for the entire page */
html {
  scroll-behavior: smooth;
}