/* ==========================================================================
   Custom scrollbar (demo-only extra). Progressive enhancement over the native
   scrollbar: it stays real, visible, draggable and keyboard/screen-reader friendly.
   Firefox: scrollbar-width / scrollbar-color. Chrome, Edge, Safari: ::-webkit-scrollbar.
   Touch devices with overlay scrollbars (pointer: coarse) keep native behavior.
   ========================================================================== */

:root {
  --sb-track: #eef2f6;
  --sb-thumb: #4f7391;       /* >= 3:1 against the track */
  --sb-thumb-hover: #0b3c5d;
  --sb-thumb-active: #082b43;
  --sb-size: 12px;
}
.sb-dark, .site-footer, .section--dark, .cta-band {
  --sb-track: #0d324d;
  --sb-thumb: #8fb0c9;
  --sb-thumb-hover: #f4a62a;
  --sb-thumb-active: #e0901a;
}

html { scrollbar-gutter: stable; }

@media not (pointer: coarse) {
  html,
  .sb-thin {
    scrollbar-width: thin;
    scrollbar-color: var(--sb-thumb) var(--sb-track);
  }
  /* Inner scroll areas: dropdown lists, mobile menu panel, chatbot log */
  .dropdown-menu, .select-list, .mobile-menu-body, .chat-log, .sb-thin {
    scrollbar-width: thin;
    scrollbar-color: var(--sb-thumb) var(--sb-track);
  }

  ::-webkit-scrollbar { width: var(--sb-size); height: var(--sb-size); }
  ::-webkit-scrollbar-track { background: var(--sb-track); }
  ::-webkit-scrollbar-thumb {
    min-height: 40px;
    background: var(--sb-thumb);
    border: 3px solid var(--sb-track);
    border-radius: 999px;
  }
  ::-webkit-scrollbar-thumb:hover { background: var(--sb-thumb-hover); }
  ::-webkit-scrollbar-thumb:active { background: var(--sb-thumb-active); }
  ::-webkit-scrollbar-corner { background: var(--sb-track); }

  .dropdown-menu::-webkit-scrollbar, .select-list::-webkit-scrollbar,
  .mobile-menu-body::-webkit-scrollbar, .chat-log::-webkit-scrollbar { width: 10px; }
  .dropdown-menu::-webkit-scrollbar-track, .select-list::-webkit-scrollbar-track,
  .chat-log::-webkit-scrollbar-track { background: transparent; }
  .dropdown-menu::-webkit-scrollbar-thumb, .select-list::-webkit-scrollbar-thumb,
  .chat-log::-webkit-scrollbar-thumb { border-color: #fff; min-height: 40px; }
}