/* cookie-banner.css: v3 styles for the shared cookie banner (components/_cookie_banner.html).
   Ported from the legacy style.css block; values mapped to the v3 design tokens.
   Hidden by default; cookie-banner.js toggles .cookie-banner--visible. */
.cookie-banner {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  padding: var(--sp-4) var(--gutter);
  background: var(--surface);
  color: var(--ink);
  border-top: 1px solid var(--line);
  box-shadow: 0 -8px 24px rgba(35, 39, 44, 0.06);
  z-index: 1000;
  display: none;
}
.cookie-banner--visible { display: block; }
.cookie-banner__inner {
  max-width: var(--maxw);
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--sp-4);
}
.cookie-banner__text { margin: 0; font-size: var(--fs-300); flex: 1 1 16rem; }
.cookie-banner__actions { display: flex; gap: var(--sp-3); }