/* Enzuzo loads its own stylesheet after the page, so these selectors are
   intentionally more specific and use direct brand values. */
:root {
  --promarkia-cookie-bg: #171322;
  --promarkia-cookie-panel: #251f30;
  --promarkia-cookie-text: #f5effa;
  --promarkia-cookie-muted: #d4c9df;
  --promarkia-cookie-line: #4b3d5b;
  --promarkia-cookie-accent: #8f49e8;
  --promarkia-cookie-accent-soft: #d6baff;
}

html body .ez-consent {
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

html body .ez-consent #ez-cookie-notification.enzuzo-cookiebanner-container {
  max-width: 760px !important;
  padding: 20px !important;
  border: 1px solid #4b3d5b !important;
  border-radius: 18px !important;
  background: #171322 !important;
  color: #f5effa !important;
  box-shadow: 0 24px 80px rgba(12, 8, 18, 0.42) !important;
}

html body .ez-consent #ez-cookie-notification h2,
html body .ez-consent #ez-cookie-notification h3,
html body .ez-consent #ez-cookie-notification strong,
html body .ez-consent #enzuzo-modal h2,
html body .ez-consent #enzuzo-modal h3,
html body .ez-consent #enzuzo-modal strong,
html body .ez-consent #enzuzo-donotsell-modal h2,
html body .ez-consent #enzuzo-donotsell-modal h3,
html body .ez-consent #enzuzo-donotsell-modal strong {
  color: #f5effa !important;
}

html body .ez-consent #ez-cookie-notification p,
html body .ez-consent #ez-cookie-notification span,
html body .ez-consent #enzuzo-modal p,
html body .ez-consent #enzuzo-modal span,
html body .ez-consent #enzuzo-donotsell-modal p,
html body .ez-consent #enzuzo-donotsell-modal span {
  color: #d4c9df !important;
}

html body .ez-consent #ez-cookie-notification a,
html body .ez-consent #enzuzo-modal a,
html body .ez-consent #enzuzo-donotsell-modal a {
  color: #d6baff !important;
}

html body .ez-consent #enzuzo-modal.enzuzo-cookie-modal,
html body .ez-consent #enzuzo-donotsell-modal.enzuzo-cookie-modal {
  border: 1px solid #4b3d5b !important;
  border-radius: 18px !important;
  background: #171322 !important;
  color: #f5effa !important;
  box-shadow: 0 24px 80px rgba(12, 8, 18, 0.42) !important;
}

html body .ez-consent #enzuzo-modal .enzuzo-cookie-preferences,
html body .ez-consent #enzuzo-donotsell-modal .enzuzo-cookie-preferences,
html body .ez-consent #enzuzo-modal [class*="content"],
html body .ez-consent #enzuzo-donotsell-modal [class*="content"] {
  border-color: #4b3d5b !important;
  background: #251f30 !important;
  color: #d4c9df !important;
}

html body .ez-consent .enzuzo-notification-button,
html body .ez-consent #enzuzo-modal button,
html body .ez-consent #enzuzo-donotsell-modal button {
  min-height: 42px !important;
  padding: 10px 16px !important;
  border: 1px solid #8f49e8 !important;
  border-radius: 999px !important;
  background: transparent !important;
  color: #f5effa !important;
  font: inherit !important;
  font-weight: 800 !important;
}

html body .ez-consent #ez-cookie-notification__accept.enzuzo-notification-button,
html body .ez-consent #enzuzo-modal [class*="accept"],
html body .ez-consent #enzuzo-modal [class*="save"] {
  background: #8f49e8 !important;
  color: #fff !important;
}

html body .ez-consent .enzuzo-notification-button:hover,
html body .ez-consent .enzuzo-notification-button:focus-visible,
html body .ez-consent #enzuzo-modal button:hover,
html body .ez-consent #enzuzo-modal button:focus-visible,
html body .ez-consent #enzuzo-donotsell-modal button:hover,
html body .ez-consent #enzuzo-donotsell-modal button:focus-visible {
  outline: 2px solid #d6baff !important;
  outline-offset: 2px !important;
}

html body .ez-consent .enzuzo-cookie-toggle-slider {
  border-color: #4b3d5b !important;
  background: #251f30 !important;
}

html body .ez-consent .enzuzo-hv-toggle:checked + .enzuzo-cookie-toggle-slider,
html body .ez-consent .enzuzo-cookie-toggle-slider[aria-checked="true"] {
  border-color: #8f49e8 !important;
  background: #8f49e8 !important;
}

@media (max-width: 600px) {
  html body .ez-consent #ez-cookie-notification.enzuzo-cookiebanner-container {
    width: calc(100% - 20px) !important;
    padding: 16px !important;
    border-radius: 14px !important;
  }

  html body .ez-consent #enzuzo-modal.enzuzo-cookie-modal,
  html body .ez-consent #enzuzo-donotsell-modal.enzuzo-cookie-modal {
    width: calc(100% - 20px) !important;
    max-height: calc(100vh - 20px) !important;
    border-radius: 14px !important;
  }
}