/* ═══════════════════════════════════════════════════════════════
   Global themed scrollbar
   Ported from design-variants/D5-cta-glow.html's #d-switch pill
   toolbar (thin gold thumb on a transparent track). Applied site-wide
   (page scroll + any internal overflow area, e.g. dropdown/table
   scroll) and reused, scoped, inside the D4 booking modal.
   ═══════════════════════════════════════════════════════════════ */

html {
    scrollbar-width: thin;
    scrollbar-color: rgba(201, 162, 85, 0.45) transparent;
}

*::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

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

*::-webkit-scrollbar-thumb {
    background-color: rgba(201, 162, 85, 0.45);
    border-radius: 100px;
    border: 2px solid var(--ink, #0d0d0d);
    background-clip: padding-box;
}

*::-webkit-scrollbar-thumb:hover {
    background-color: rgba(201, 162, 85, 0.72);
}

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