/* The cookie notice both public sites render (Pages/Shared/_CookieBanner.cshtml). Structure and
   type live here once; each brand tints it by declaring the --cookie-* properties on its own
   :root (site.css for the practice sites, riverstarr.css for the operator's), the same
   arrangement as the --cms-* chrome in cms-edit.css — which is also how a tenant's chosen
   palette repaints it: the tokens read the brand tokens the palette re-declares. */

.cookie-banner {
    position: fixed;
    inset: auto 0 0 0;
    z-index: 1080; /* over the page's own stacking contexts; nothing modal ever coexists with it */
    background: var(--cookie-bg);
    color: var(--cookie-ink);
    padding: .875rem 0;
    box-shadow: 0 -.25rem 1rem rgba(0, 0, 0, .18);
}

.cookie-banner__inner {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: .75rem 1.5rem;
}

.cookie-banner__text {
    margin: 0;
    font-size: .95rem;
    max-width: 70ch;
}

.cookie-banner__link {
    color: var(--cookie-link);
    text-decoration: underline;
    margin-left: .35rem;
}

.cookie-banner__link:hover,
.cookie-banner__link:focus-visible {
    color: var(--cookie-link);
    opacity: .85;
}

.cookie-banner__dismiss {
    background: transparent;
    color: var(--cookie-ink);
    border: 1px solid var(--cookie-link);
    border-radius: 2rem;
    padding: .3rem 1.1rem;
    font-size: .9rem;
    white-space: nowrap;
}

.cookie-banner__dismiss:hover,
.cookie-banner__dismiss:focus-visible {
    background: var(--cookie-link);
    color: var(--cookie-bg);
}

/* The banner sits on the same dark brand surface as the footer, where the site-wide focus ring's
   colour vanishes — the same exception site.css makes for .site-footer and riverstarr.css makes
   for .rs-footer__band/__legal. */
.cookie-banner :is(a, button):focus-visible { outline-color: var(--cookie-ink); }