/* Brand skin for vanilla-cookieconsent. Maps the library's CSS variables to the
   site's tokens so the modal matches the glass UI. Loaded after the vendor CSS. */

#cc-main {
  --cc-font-family: var(--font-sans, inherit);
  --cc-modal-border-radius: 1rem;
  --cc-btn-border-radius: 0.6rem;

  --cc-bg: var(--bg-surface, #fff);
  --cc-primary-color: var(--fg-primary);
  --cc-secondary-color: var(--fg-secondary);

  --cc-btn-primary-bg: var(--accent);
  --cc-btn-primary-color: #fff;
  --cc-btn-primary-hover-bg: color-mix(in srgb, var(--accent) 85%, #000);

  --cc-btn-secondary-bg: var(--cbl-wc-inner-fill, rgba(0, 0, 0, 0.06));
  --cc-btn-secondary-color: var(--fg-primary);
  --cc-btn-secondary-hover-bg: color-mix(in srgb, var(--accent) 12%, var(--cbl-wc-inner-fill, rgba(0, 0, 0, 0.06)));

  --cc-toggle-on-bg: var(--accent);
  --cc-separator-border-color: var(--divider, rgba(0, 0, 0, 0.1));
  --cc-cookie-category-block-bg: var(--cbl-wc-inner-fill, rgba(0, 0, 0, 0.04));
}

#cc-main .cm,
#cc-main .pm {
  box-shadow: 0 18px 60px -12px rgba(0, 0, 0, 0.45);
}

#cc-main a.cc__link,
#cc-main .cc__link {
  color: var(--accent);
  text-underline-offset: 2px;
}

/* Consent-gated embed placeholder (cbl_gated_iframe). */
.cbl-embed-placeholder {
  display: grid;
  place-items: center;
  min-height: 12rem;
  padding: 1.25rem;
  text-align: center;
  border: 1px dashed var(--divider, rgba(0, 0, 0, 0.18));
  border-radius: 0.85rem;
  background: var(--cbl-wc-inner-fill, rgba(0, 0, 0, 0.04));
  color: var(--fg-secondary);
}
.cbl-embed-placeholder .cbl-cookie-settings {
  background: none;
  border: 0;
  padding: 0;
  color: var(--accent);
  text-decoration: underline;
  text-underline-offset: 2px;
  cursor: pointer;
  font: inherit;
}
/* The real iframe stays hidden until CookieConsent activates it. */
iframe[data-category] {
  display: none;
}