/* =============================================================
   COOKIE CONSENT — banner focus state, footer "Cookie settings"
   control and the inline control on /legal/cookies.
   Base banner layout lives in components.css (COOKIE BANNER).
   ============================================================= */

/* Banner receives focus when opened (first visit or Cookie settings). */
.cookie-banner:focus { outline: none; }
.cookie-banner:focus-visible { outline: 2px solid var(--accent); outline-offset: -4px; }
.cookie-banner__body { min-width: 0; }
.cookie-banner__body > p:not(.cookie-banner__title):not(.cookie-banner__legal) { max-width: 78ch; }
.cookie-banner__choices { flex-wrap: wrap; row-gap: 6px; }
.cookie-banner__choices input { accent-color: var(--accent); }

/* "Close without changes" — only shown when the banner was reopened from
   Cookie settings with a valid choice on file. .btn sets display, so the
   hidden attribute needs restating. */
.cookie-banner__close[hidden] { display: none; }

/* Footer: a button that reads as one of the Legal column links. */
.footer-col__btn {
  display: block; padding: 4px 0; text-align: left;
  color: var(--fg-100); font-size: .88rem; line-height: inherit;
}
.footer-col__btn:hover { color: var(--accent); }

/* Inline "Cookie settings" control inside legal prose. */
.prose .cookie-settings-inline { margin: 4px 0 18px; }

/* Small screens: keep the banner within the viewport and stack actions. */
@media (max-width: 760px) {
  .cookie-banner { max-height: calc(100vh - 48px); overflow-y: auto; }
  .cookie-banner__actions { justify-content: stretch; }
  .cookie-banner__actions .btn { flex: 1 1 auto; }
}

/* Cookie inventory tables: scroll sideways on narrow screens instead of
   pushing the page wider than the viewport. */
.legal-table-scroll { overflow-x: auto; -webkit-overflow-scrolling: touch; margin: 14px 0 18px; }
.legal-table-scroll > .legal-table { margin: 0; min-width: 560px; }
.legal-table-scroll:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }

.cookie-banner p.cookie-banner__title { color: var(--fg-000); font-size: .95rem; }