/* ZenByte consent UI overrides (spec 7.1, contracts C3). Shared by both sites: edit only in zenbyte-app.
   Colours come from --zb-cc-* when a site defines them, else from zenbyte.app's tokens (--bg, --fg, ...).
   KVKK (July 2025): "Accept all", "Reject all" and "Preferences" must look identical. */
#cc-main {
  --cc-font-family: var(--zb-cc-font, "Schibsted Grotesk", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif);
  --cc-bg: var(--zb-cc-bg, var(--bg, #ffffff));
  --cc-primary-color: var(--zb-cc-fg, var(--fg, #111114));
  --cc-secondary-color: var(--zb-cc-muted, var(--fg-muted, #5b5b66));
  --cc-link-color: var(--zb-cc-fg, var(--fg, #111114));
  --cc-separator-border-color: var(--zb-cc-line, var(--line, rgba(0, 0, 0, 0.1)));
  --cc-modal-border-radius: var(--zb-cc-modal-radius, 16px);
  --cc-btn-border-radius: var(--zb-cc-btn-radius, 999px);
  --cc-btn-primary-bg: var(--zb-cc-btn-bg, var(--fg, #111114));
  --cc-btn-primary-color: var(--zb-cc-btn-fg, var(--bg, #ffffff));
  --cc-btn-primary-border-color: var(--zb-cc-btn-bg, var(--fg, #111114));
  --cc-btn-primary-hover-bg: var(--zb-cc-btn-bg, var(--fg, #111114));
  --cc-btn-primary-hover-color: var(--zb-cc-btn-fg, var(--bg, #ffffff));
  --cc-btn-primary-hover-border-color: var(--zb-cc-btn-bg, var(--fg, #111114));
  --cc-btn-secondary-bg: var(--zb-cc-btn-bg, var(--fg, #111114));
  --cc-btn-secondary-color: var(--zb-cc-btn-fg, var(--bg, #ffffff));
  --cc-btn-secondary-border-color: var(--zb-cc-btn-bg, var(--fg, #111114));
  --cc-btn-secondary-hover-bg: var(--zb-cc-btn-bg, var(--fg, #111114));
  --cc-btn-secondary-hover-color: var(--zb-cc-btn-fg, var(--bg, #ffffff));
  --cc-btn-secondary-hover-border-color: var(--zb-cc-btn-bg, var(--fg, #111114));
  --cc-toggle-on-bg: var(--zb-cc-fg, var(--fg, #111114));
  --cc-toggle-off-bg: var(--zb-cc-muted, var(--fg-muted, #5b5b66));
  --cc-toggle-readonly-bg: var(--zb-cc-line-strong, var(--line-strong, rgba(0, 0, 0, 0.2)));
  --cc-toggle-on-knob-bg: var(--zb-cc-bg, var(--bg, #ffffff));
  --cc-toggle-off-knob-bg: var(--zb-cc-bg, var(--bg, #ffffff));
  --cc-cookie-category-block-bg: var(--zb-cc-raised, var(--bg-raised, #f6f6f8));
  --cc-cookie-category-block-border: var(--zb-cc-line, var(--line, rgba(0, 0, 0, 0.1)));
  --cc-cookie-category-block-hover-bg: var(--zb-cc-raised, var(--bg-raised, #f6f6f8));
  --cc-cookie-category-block-hover-border: var(--zb-cc-line-strong, var(--line-strong, rgba(0, 0, 0, 0.2)));
  --cc-cookie-category-expanded-block-bg: var(--zb-cc-bg, var(--bg, #ffffff));
  --cc-cookie-category-expanded-block-hover-bg: var(--zb-cc-raised, var(--bg-raised, #f6f6f8));
  --cc-footer-bg: var(--zb-cc-bg, var(--bg, #ffffff));
  --cc-footer-color: var(--zb-cc-muted, var(--fg-muted, #5b5b66));
  --cc-footer-border-color: var(--zb-cc-line, var(--line, rgba(0, 0, 0, 0.1)));
}

/* Equal prominence: identical colour, size and type for all choice buttons, in both layers. */
#cc-main .cm__btn,
#cc-main .cm__btn--secondary,
#cc-main .pm__btn,
#cc-main .pm__btn--secondary {
  background: var(--cc-btn-primary-bg);
  border: 1px solid var(--cc-btn-primary-border-color);
  color: var(--cc-btn-primary-color);
  font-family: var(--cc-font-family);
  font-size: 0.875rem;
  font-weight: 600;
  min-height: 44px;
}
#cc-main .cm__btn:hover,
#cc-main .cm__btn--secondary:hover,
#cc-main .pm__btn:hover,
#cc-main .pm__btn--secondary:hover {
  background: var(--cc-btn-primary-bg);
  color: var(--cc-btn-primary-color);
  opacity: 0.9;
}
#cc-main .cm__btns,
#cc-main .cm__btn-group {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
#cc-main .cm__btn,
#cc-main .cm__btn + .cm__btn,
#cc-main .cm__btn-group + .cm__btn-group {
  margin: 0;
  width: 100%;
}

/* "Cookie settings" footer entry: hidden until consent.js marks <html data-zb-consent="on"> (gtmId set). */
html:not([data-zb-consent="on"]) [data-zb-consent-link] {
  display: none !important;
}