/* RomeTourz shared scrollbar: one slim style, tokens defined once. Loaded on the front end, wp-admin, login and the Etch canvas. */
@media not (forced-colors:active){
:root{
  --rt-sb-size:6px;
  --rt-sb-thumb:color-mix(in srgb,var(--rtd-navy,#0e1a33) 32%,transparent);
  --rt-sb-thumb-hover:var(--rtd-orange,#ff4d12);
  --rt-sb-track:transparent;
}
/* dark surfaces (navy panels, footer, mobile menu, dark dialogs) */
.rt-sb-dark,.rt-footer,.rt-util,.rt-consent,.rt-lb,.rt-ux-lb{
  --rt-sb-thumb:color-mix(in srgb,#fff 38%,transparent);
  --rt-sb-thumb-hover:var(--rtd-orange,#ff4d12);
  --rt-sb-track:color-mix(in srgb,#fff 6%,transparent);
}
/* Firefox (no ::-webkit-scrollbar): standard properties */
@supports not selector(::-webkit-scrollbar){
  *{scrollbar-width:thin;scrollbar-color:var(--rt-sb-thumb) var(--rt-sb-track)}
}
/* Chromium / Safari: 6px pill, no arrows, hover state (standard props are NOT set here: they would disable these pseudos) */
@supports selector(::-webkit-scrollbar){
  ::-webkit-scrollbar{width:var(--rt-sb-size);height:var(--rt-sb-size);background:transparent}
  ::-webkit-scrollbar-track{background:var(--rt-sb-track);border-radius:999px}
  ::-webkit-scrollbar-thumb{background:var(--rt-sb-thumb);border-radius:999px}
  ::-webkit-scrollbar-thumb:hover,::-webkit-scrollbar-thumb:active{background:var(--rt-sb-thumb-hover)}
  ::-webkit-scrollbar-button{display:none;width:0;height:0}
  ::-webkit-scrollbar-corner{background:transparent}
  /* area CSS that sets scrollbar-width:thin would switch Chromium to its native bar: hand those back to the shared style */
  html body .rt-rail,html body .rt-lpside{scrollbar-width:auto}
}
/* reserve the gutter on inner scrollers so content does not jump when the bar appears */
.rt-ux-toc__list,.rt-ux-dialog__body,.rt-ac,.rt-rail,textarea,.ff_payment_summary{scrollbar-gutter:stable}
/* sticky "On this page" list: slimmer (4px) */
.rt-ux-toc__list{--rt-sb-size:4px}
}