/* Unique World Holidays — small, reusable, SITE-WIDE utility classes.
   Unlike every other CSS file in assets/css/ (each scoped to one page
   section, enqueued only where that section renders), this file is
   enqueued unconditionally on every page (see functions.php's top-level
   wp_enqueue_scripts hook) — it's the one place a class meant to be
   reused across unrelated sections belongs, instead of duplicating the
   same rules in each section's own stylesheet. */

/* ---- .uwh-custom-scrollbar — slim, theme-colored scrollbar ----
   Drop this class on whatever element actually SCROLLS (the one with
   overflow[-y]: auto/scroll on it) to swap the browser's default chunky
   scrollbar for a thin themed one. Covers both engines: ::-webkit-
   scrollbar-* (Chrome/Safari/Edge) and scrollbar-width/scrollbar-color
   (Firefox) — neither alone is cross-browser.

   Colors are CSS custom properties with a default tuned for this site's
   most common case (a light thumb on a dark #012245 navy back-face/
   panel background — Testimonials + Team Highlights card backs, the
   mobile nav flyout, all navy). A future light-background use case can
   override both inline (style="--uwh-scrollbar-thumb:#012245") or via a
   small follow-up rule — no need to touch this file for that. */
.uwh-custom-scrollbar {
  --uwh-scrollbar-thumb: #feae02;
  --uwh-scrollbar-track: rgba(255, 255, 255, 0.08);

  scrollbar-width: thin; /* Firefox: only "auto"/"thin"/"none", no custom width */
  scrollbar-color: var(--uwh-scrollbar-thumb) var(--uwh-scrollbar-track); /* Firefox */
}
.uwh-custom-scrollbar::-webkit-scrollbar {
  width: 6px; /* vertical scrollbars */
  height: 6px; /* horizontal scrollbars */
}
.uwh-custom-scrollbar::-webkit-scrollbar-track {
  background: var(--uwh-scrollbar-track);
  border-radius: 999px;
}
.uwh-custom-scrollbar::-webkit-scrollbar-thumb {
  background-color: var(--uwh-scrollbar-thumb);
  border-radius: 999px;
}
.uwh-custom-scrollbar::-webkit-scrollbar-thumb:hover {
  background-color: #ffffff;
}