/**
 * Cookie banner (CookieConsent v3) in the Formatiqo look – brand tokens from formatiqo.css, no motion beyond a plain fade.
 * "Accept all" and "Reject all" are the same colour and size on purpose (equal weight, no nudging); "settings" is an
 * outlined button. Dark text on the orange (#2b0b19 on #ff5d33 = 6.8:1, WCAG AA).
 */
#cc-main {
  --cc-font-family: var(--font-body, 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif);
  --cc-bg: #faf6f1;
  --cc-primary-color: #1a0e13;
  --cc-secondary-color: #5b4651;

  --cc-btn-primary-bg: #ff5d33;
  --cc-btn-primary-color: #2b0b19;
  --cc-btn-primary-border-color: #ff5d33;
  --cc-btn-primary-hover-bg: #e84e26;
  --cc-btn-primary-hover-color: #2b0b19;
  --cc-btn-primary-hover-border-color: #e84e26;

  /* "Reject all" = same look as "Accept all" (see the [data-role] rules below); the rest of the secondary buttons are outlined */
  --cc-btn-secondary-bg: transparent;
  --cc-btn-secondary-color: #4e172e;
  --cc-btn-secondary-border-color: #4e172e;
  --cc-btn-secondary-hover-bg: rgba(78, 23, 46, 0.06);
  --cc-btn-secondary-hover-color: #4e172e;
  --cc-btn-secondary-hover-border-color: #4e172e;
  --cc-btn-border-radius: 12px;

  --cc-modal-border-radius: 16px;
  --cc-modal-margin: 14px;
  --cc-modal-transition-duration: 0.2s;
  --cc-link-color: #c93f18;
  --cc-separator-border-color: rgba(78, 23, 46, 0.14);

  --cc-toggle-on-bg: #4e172e;
  --cc-toggle-off-bg: #776570;
  --cc-toggle-on-knob-bg: #ffffff;
  --cc-toggle-off-knob-bg: #ffffff;
  --cc-toggle-enabled-icon-color: #4e172e;
  --cc-toggle-disabled-icon-color: #776570;
  --cc-toggle-readonly-bg: #d9cdc4;
  --cc-toggle-readonly-knob-bg: #ffffff;
  --cc-toggle-readonly-knob-icon-color: #776570;
  --cc-section-category-border: rgba(78, 23, 46, 0.14);
  --cc-cookie-category-block-bg: #ffffff;
  --cc-cookie-category-block-border: rgba(78, 23, 46, 0.14);
  --cc-cookie-category-block-hover-bg: #f3ece4;
  --cc-cookie-category-block-hover-border: rgba(78, 23, 46, 0.28);
  --cc-cookie-category-expanded-block-bg: #f3ece4;
  --cc-cookie-category-expanded-block-hover-bg: #ece3d9;
  --cc-footer-bg: #f3ece4;
  --cc-footer-color: #1a0e13;
  --cc-footer-border-color: rgba(78, 23, 46, 0.14);
  --cc-overlay-bg: rgba(43, 11, 25, 0.5);
  --cc-z-index: 2147483000;
}

#cc-main .cm {
  max-width: 440px;
  box-shadow: 0 24px 48px -20px rgba(43, 11, 25, 0.45);
}

#cc-main .cm__title,
#cc-main .pm__title {
  font-family: var(--font-display, 'Space Grotesk', system-ui, sans-serif);
  font-weight: 700;
  letter-spacing: -0.01em;
}

#cc-main .cm__btn,
#cc-main .pm__btn {
  font-weight: 600;
  min-height: 44px;
}

/* equal weight: "Reject all" looks exactly like "Accept all" */
#cc-main [data-role='necessary'] {
  background: #ff5d33;
  color: #2b0b19;
  border-color: #ff5d33;
}
#cc-main [data-role='necessary']:hover {
  background: #e84e26;
  border-color: #e84e26;
  color: #2b0b19;
}

#cc-main a:focus-visible,
#cc-main button:focus-visible {
  outline: 2px solid #4e172e;
  outline-offset: 2px;
}

@media (max-width: 560px) {
  #cc-main .cm {
    max-width: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  #cc-main * {
    transition: none !important;
  }
}