/*
 * Cookie consent banner — minimal, fixed to the bottom-left of the
 * viewport, dismissable. Visible only on first visit and only on
 * public pages where /js/cookie-banner.js is included.
 *
 * Design intent: matches the design-system tokens (spacing, radius,
 * accent color) but stays out of the way visually. Banner is removed
 * from the DOM after the user makes a choice.
 */

.mc-cookie-banner {
  position: fixed;
  bottom: 16px;
  left: 16px;
  right: 16px;
  max-width: 480px;
  z-index: 9999;
  background: #ffffff;
  color: #1a1a1a;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 12px;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.12);
  padding: 16px 18px;
  font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  font-size: 14px;
  line-height: 1.5;
}

.mc-cookie-banner__title {
  font-weight: 600;
  margin: 0 0 6px;
}

.mc-cookie-banner__copy {
  margin: 0 0 12px;
  color: #4a4a4a;
}

.mc-cookie-banner__copy a {
  color: #ff5600;
  text-decoration: underline;
}

.mc-cookie-banner__actions {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.mc-cookie-banner__btn {
  appearance: none;
  border: 1px solid rgba(0, 0, 0, 0.12);
  background: #ffffff;
  color: #1a1a1a;
  font: inherit;
  padding: 8px 14px;
  border-radius: 8px;
  cursor: pointer;
  transition: transform 0.12s ease, background-color 0.12s ease;
}

.mc-cookie-banner__btn:hover {
  transform: scale(1.02);
}

.mc-cookie-banner__btn:active {
  transform: scale(0.98);
}

.mc-cookie-banner__btn--primary {
  background: #ff5600;
  color: #ffffff;
  border-color: #ff5600;
}

.mc-cookie-banner__btn--primary:hover {
  background: #e64d00;
  border-color: #e64d00;
}

@media (prefers-color-scheme: dark) {
  /* Light background kept on purpose so the banner is legible on
     gradient-heavy hero sections regardless of OS theme. */
}

@media (max-width: 600px) {
  .mc-cookie-banner {
    left: 8px;
    right: 8px;
    bottom: 8px;
    max-width: none;
  }
}