/* Essare LLC — cookie consent banner
   Reuses the site's existing tokens/buttons (see css/site.css) rather than
   introducing new colors, so Accept/Decline are just .btn-primary/.btn-secondary. */

#cookie-consent-banner {
  display: none;
  position: fixed;
  left: 0; right: 0; bottom: 0;
  z-index: 999;
  background: var(--canvas);
  border-top: 1px solid var(--hairline);
  box-shadow: 0 -4px 16px rgba(0, 0, 0, .08);
  padding: 20px var(--gutter);
}

#cookie-consent-banner.is-visible { display: flex; }

#cookie-consent-banner .container {
  display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 16px;
}

#cookie-consent-banner p { margin: 0; max-width: 620px; font-size: 14px; color: var(--body); }

#cookie-consent-banner .cookie-consent-actions { display: flex; gap: 10px; flex-shrink: 0; }

#cookie-consent-banner .btn { padding: 10px 20px; }

@media (max-width: 640px) {
  #cookie-consent-banner .container { flex-direction: column; text-align: center; }
}