/* Everything else is plain Bootstrap 5 utility classes — this only exists because
   Bootstrap has no utility for an arbitrary z-index high enough to sit above the
   LiveChat widget. */
#cookieConsentBanner,
#cookieConsentModal {
    z-index: 999999;
}

/* Bootstrap's default switch track is a very pale grey and reads as washed out —
   give it a visible border so it's clear where the switch is even when off. */
.cookie-category__toggle {
    border-color: rgba(0, 0, 0, 0.45);
}

/* On mobile the LiveChat launcher sits bottom-right and the banner spans nearly
   the full width, so it needs to sit well above the chat bubble, not level with
   it. !important is needed here to win over the element's own inline "bottom". */
@media (max-width: 767.98px) {
    #cookieConsentBanner {
        bottom: 7rem !important;
        left: 50% !important;
        width: calc(100% - 2rem);
        transform: translateX(-50%);
    }
}