/* Demo-only extra: styled native scrollbars (progressive enhancement).
   Firefox uses scrollbar-width/scrollbar-color; Chromium/Safari use ::-webkit-scrollbar.
   Touch devices with overlay scrollbars keep their native behaviour. */
:root {
  --sb-track: #EAF2F1;
  --sb-thumb: #0E6E6A;          /* 5.3:1 against the track */
  --sb-thumb-hover: #0B2A3C;
  --sb-thumb-active: #0B2A3C;
  --sb-size: 12px;
  --sb-inner: 8px;
}
html {
  scrollbar-gutter: stable;     /* no layout shift when scroll is locked (menu, chat, preloader) */
  scrollbar-width: thin;
  scrollbar-color: var(--sb-thumb) var(--sb-track);
}
.chatbot__log, .select__list, .dropdown, .mobile-menu__panel {
  scrollbar-width: thin;
  scrollbar-color: var(--sb-thumb) transparent;
}
/* Dark variant for scroll areas on navy surfaces */
.sb-dark { --sb-track: #12384F; --sb-thumb: #F5A524; --sb-thumb-hover: #FFC35C; scrollbar-color: var(--sb-thumb) var(--sb-track); }

@media (hover: hover) and (pointer: fine) {
  ::-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); }

  .chatbot__log::-webkit-scrollbar, .select__list::-webkit-scrollbar, .dropdown::-webkit-scrollbar, .mobile-menu__panel::-webkit-scrollbar { width: var(--sb-inner); }
  .chatbot__log::-webkit-scrollbar-track, .select__list::-webkit-scrollbar-track, .dropdown::-webkit-scrollbar-track, .mobile-menu__panel::-webkit-scrollbar-track { background: transparent; }
  .chatbot__log::-webkit-scrollbar-thumb, .select__list::-webkit-scrollbar-thumb, .dropdown::-webkit-scrollbar-thumb, .mobile-menu__panel::-webkit-scrollbar-thumb { border-width: 2px; border-color: transparent; background-clip: padding-box; }
}