/* consent-theme.css: PanQuiz look for the CookieConsent v3 banner.
   Only overrides the vendor's --cc-* variables (no rules on vendor selectors),
   plus the in-lightbox video notice drawn by js/video-lightbox.js.
   Loaded only when consent is enabled for the instance, after cookieconsent.css. */

#cc-main {
  --cc-font-family: var(--font-body, 'Open Sans', Helvetica, Arial, sans-serif);
  --cc-modal-border-radius: 16px;
  --cc-btn-border-radius: var(--radius-site-button, 25px);
  --cc-pm-toggle-border-radius: 999px;

  --cc-bg: #ffffff;
  --cc-primary-color: #0e1552;
  --cc-secondary-color: rgba(26, 29, 41, .72);
  --cc-link-color: var(--site-primary, #005aef);

  /* equalWeightButtons: "Accept" and "Reject" share the primary style */
  --cc-btn-primary-bg: var(--site-primary, #005aef);
  --cc-btn-primary-color: #ffffff;
  --cc-btn-primary-border-color: var(--site-primary, #005aef);
  --cc-btn-primary-hover-bg: var(--site-primary-deep, #1664c3);
  --cc-btn-primary-hover-color: #ffffff;
  --cc-btn-primary-hover-border-color: var(--site-primary-deep, #1664c3);

  --cc-btn-secondary-bg: #ffffff;
  --cc-btn-secondary-color: var(--site-primary, #005aef);
  --cc-btn-secondary-border-color: var(--site-primary, #005aef);
  --cc-btn-secondary-hover-bg: rgba(0, 90, 239, .07);
  --cc-btn-secondary-hover-color: var(--site-primary, #005aef);
  --cc-btn-secondary-hover-border-color: var(--site-primary, #005aef);

  --cc-toggle-on-bg: var(--site-primary, #005aef);
  --cc-toggle-readonly-bg: #b7c6e6;
  --cc-separator-border-color: #e6e9f2;
  --cc-cookie-category-block-bg: #f5f7fc;
  --cc-cookie-category-block-border: #e6e9f2;
  --cc-cookie-category-block-hover-bg: #edf1fa;
  --cc-cookie-category-block-hover-border: #dde3f0;
  --cc-footer-bg: #f5f7fc;
  --cc-footer-border-color: #e6e9f2;
  --cc-footer-color: rgba(26, 29, 41, .72);
}

/* ---------- Video notice (YouTube not accepted yet) ---------- */
.video-consent {
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  gap: 18px; height: 100%; padding: 24px; text-align: center; color: #fff;
  background: #0e1552;
}
.video-consent p { margin: 0; max-width: 560px; font-size: 16px; line-height: 1.55; }
.video-consent p a { color: #fff; text-decoration: underline; }
.video-consent-actions { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 12px 22px; }
.video-consent-accept {
  font-family: var(--font-ui, 'Plus Jakarta Sans', sans-serif); font-weight: 600; font-size: 16px;
  color: #fff; background: var(--site-primary, #005aef); border: 2px solid var(--site-primary, #005aef);
  border-radius: var(--radius-site-button, 25px); padding: 8px 24px; cursor: pointer;
  transition: background .3s ease, border-color .3s ease;
}
.video-consent-accept:hover { background: var(--site-primary-deep, #1664c3); border-color: var(--site-primary-deep, #1664c3); }
.video-consent-external { font-family: var(--font-ui, 'Plus Jakarta Sans', sans-serif); font-weight: 600; font-size: 15px; color: #fff; }
@media (max-width: 640px) {
  .video-consent { gap: 12px; padding: 16px; }
  .video-consent p { font-size: 14px; }
}