/* ============================================================
   Loxxee HUB — SCROLLBAR.CSS  v2
   Schlanke Custom Scrollbar — gold Gradient, subtiler Glow
   ============================================================ */

/* ── GLOBALE SEITEN-SCROLLBAR ── */
html::-webkit-scrollbar {
  width: 5px;
}

html::-webkit-scrollbar-track {
  background: transparent;
}

html::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg,
      rgba(77, 200, 255, 0.0) 0%,
      rgba(184, 146, 42, 0.6) 20%,
      #1A7AB8 50%,
      rgba(184, 146, 42, 0.6) 80%,
      rgba(77, 200, 255, 0.0) 100%);
  border-radius: 10px;
  box-shadow: 0 0 6px rgba(77, 200, 255, 0.25);
}

html::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(180deg,
      rgba(77, 200, 255, 0.0) 0%,
      #4DC8FF 20%,
      #70D8FF 50%,
      #4DC8FF 80%,
      rgba(77, 200, 255, 0.0) 100%);
  box-shadow: 0 0 10px rgba(77, 200, 255, 0.45);
}

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

/* Firefox */
html {
  scrollbar-width: thin;
  scrollbar-color: #1A7AB8 transparent;
}

/* ── DROPDOWN-SCROLLBAR (.pd-scroll) ── */
.pd-scroll {
  overflow-y: scroll !important;
  scrollbar-width: thin;
  scrollbar-color: rgba(184, 146, 42, 0.5) transparent;
}

.pd-scroll::-webkit-scrollbar {
  width: 4px;
}

.pd-scroll::-webkit-scrollbar-track {
  background: transparent;
  margin: 10px 0;
}

.pd-scroll::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg,
      transparent 0%,
      rgba(184, 146, 42, 0.7) 30%,
      #1A7AB8 50%,
      rgba(184, 146, 42, 0.7) 70%,
      transparent 100%);
  border-radius: 10px;
  box-shadow: 0 0 5px rgba(77, 200, 255, 0.2);
}

.pd-scroll::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(180deg,
      transparent 0%,
      #4DC8FF 30%,
      #70D8FF 50%,
      #4DC8FF 70%,
      transparent 100%);
  box-shadow: 0 0 8px rgba(77, 200, 255, 0.5);
}