/* Site-wide scrollbars: gold accent, no arrow buttons (Chrome/Edge/Firefox). */

@supports not (selector(::-webkit-scrollbar)) {
  * {
    scrollbar-width: thin;
    scrollbar-color: rgba(232, 184, 48, 0.35) rgba(255, 255, 255, 0.04);
  }
}

::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.04);
}

::-webkit-scrollbar-thumb {
  background: rgba(232, 184, 48, 0.35);
  border-radius: 4px;
  border: 1px solid rgba(10, 10, 12, 0.35);
}

::-webkit-scrollbar-thumb:hover {
  background: rgba(232, 184, 48, 0.55);
}

::-webkit-scrollbar-corner {
  background: transparent;
}

/* Chrome/Edge on Windows keep arrows unless every button state is zeroed. */
::-webkit-scrollbar-button,
::-webkit-scrollbar-button:horizontal:start:decrement,
::-webkit-scrollbar-button:horizontal:end:increment,
::-webkit-scrollbar-button:horizontal:start:increment,
::-webkit-scrollbar-button:horizontal:end:decrement,
::-webkit-scrollbar-button:vertical:start:decrement,
::-webkit-scrollbar-button:vertical:end:increment,
::-webkit-scrollbar-button:vertical:start:increment,
::-webkit-scrollbar-button:vertical:end:decrement,
::-webkit-scrollbar-button:single-button,
::-webkit-scrollbar-button:double-button {
  display: block;
  width: 0 !important;
  height: 0 !important;
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
}