/* Cookie notice (issue #322), shared by the marketing footer partial and the app's CookieNotice.razor.
   Literal colors (like the footer partial) so it renders the same whether or not a page loads the
   app's design tokens. Fixed to the bottom, never covering more than a strip of the page. */
.cd-cookie-notice {
    position: fixed;
    left: 16px;
    right: 16px;
    bottom: 16px;
    z-index: 1000;
    max-width: 760px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 14px 18px;
    border-radius: 12px;
    background: #0B1B33;
    color: #E2E8F0;
    box-shadow: 0 10px 30px rgba(11, 27, 51, 0.25);
    font-family: 'Segoe UI', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue', Arial, sans-serif;
    font-size: 14px;
    line-height: 1.5;
}

/* The display rule above would otherwise override the hidden attribute. */
.cd-cookie-notice[hidden] { display: none !important; }

.cd-cookie-notice__text { margin: 0; flex: 1 1 auto; }

.cd-cookie-notice__link { color: #FBAD48; text-decoration: underline; white-space: nowrap; }
.cd-cookie-notice__link:hover { color: #FFFFFF; }

.cd-cookie-notice__ok {
    flex: none;
    border: 0;
    border-radius: 8px;
    padding: 8px 16px;
    background: #FBAD48;
    color: #0B1B33;
    font-weight: 600;
    font-size: 14px;
    cursor: pointer;
}
.cd-cookie-notice__ok:hover { background: #E8952F; }
.cd-cookie-notice__ok:focus-visible { outline: 2px solid #FFFFFF; outline-offset: 2px; }

@media (max-width: 560px) {
    .cd-cookie-notice { flex-direction: column; align-items: stretch; }
}