/* =============================================================================
   AA-CHAPEL — Complianz cookie banner styling
   Brand-aligned. Uses Complianz's CSS-variable hooks where available + scoped
   selectors where not. No DOM hacks; updates won't break it.
   ============================================================================= */

:root {
  /* Complianz-exposed variables */
  --cmplz-banner-bg:           var(--aa-stone-50);
  --cmplz-banner-text:         var(--aa-ink);
  --cmplz-banner-link:         var(--aa-navy-700);
  --cmplz-banner-border:       var(--aa-stone-200);
  --cmplz-button-bg:           var(--aa-brass-500);
  --cmplz-button-text:         var(--aa-navy-900);
  --cmplz-button-hover:        var(--aa-brass-400);
  --cmplz-button-deny-bg:      transparent;
  --cmplz-button-deny-text:    var(--aa-navy-700);
  --cmplz-button-deny-border:  var(--aa-navy-700);
  --cmplz-banner-radius:       2px;
}

/* Banner shell — brass top hairline, soft elevation */
.cmplz-cookiebanner,
#cmplz-cookiebanner-container .cmplz-cookiebanner {
  font-family: var(--aa-font-body) !important;
  background: var(--aa-stone-50) !important;
  color: var(--aa-ink) !important;
  border-top: 2px solid var(--aa-brass-500) !important;
  border-radius: var(--aa-radius) !important;
  box-shadow: 0 -8px 24px rgba(8, 26, 46, 0.08) !important;
}

/* Headings inside the banner — Cormorant Garamond */
.cmplz-cookiebanner h1,
.cmplz-cookiebanner h2,
.cmplz-cookiebanner h3,
.cmplz-cookiebanner .cmplz-title {
  font-family: var(--aa-font-display) !important;
  font-weight: 500 !important;
  color: var(--aa-navy-700) !important;
  letter-spacing: -0.005em !important;
}

/* Paragraph + small text */
.cmplz-cookiebanner p,
.cmplz-cookiebanner .cmplz-description,
.cmplz-cookiebanner small {
  font-family: var(--aa-font-body) !important;
  color: var(--aa-ink) !important;
  line-height: 1.55;
}

/* Links */
.cmplz-cookiebanner a {
  color: var(--aa-navy-700) !important;
  text-decoration: underline !important;
  text-decoration-color: var(--aa-brass-500) !important;
  text-underline-offset: 0.2em;
}
.cmplz-cookiebanner a:hover {
  color: var(--aa-brass-600) !important;
}

/* Primary "Accept" button — brass */
.cmplz-cookiebanner .cmplz-btn,
.cmplz-cookiebanner button.cmplz-accept,
.cmplz-cookiebanner .cc-btn.cc-allow {
  background: var(--aa-brass-500) !important;
  color: var(--aa-navy-900) !important;
  border: 1px solid var(--aa-brass-500) !important;
  border-radius: var(--aa-radius) !important;
  padding: 0.7rem 1.25rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.02em !important;
  text-transform: none !important;
  box-shadow: none !important;
  transition: background-color var(--aa-dur) var(--aa-ease) !important;
}
.cmplz-cookiebanner .cmplz-btn:hover,
.cmplz-cookiebanner button.cmplz-accept:hover {
  background: var(--aa-brass-400) !important;
}

/* "Deny" / "Save preferences" buttons — ghost navy */
.cmplz-cookiebanner button.cmplz-deny,
.cmplz-cookiebanner button.cmplz-view-preferences,
.cmplz-cookiebanner button.cmplz-save-preferences,
.cmplz-cookiebanner .cc-btn.cc-deny {
  background: transparent !important;
  color: var(--aa-navy-700) !important;
  border: 1px solid var(--aa-navy-700) !important;
  border-radius: var(--aa-radius) !important;
  padding: 0.7rem 1.25rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.02em !important;
}
.cmplz-cookiebanner button.cmplz-deny:hover,
.cmplz-cookiebanner button.cmplz-view-preferences:hover {
  background: var(--aa-navy-700) !important;
  color: var(--aa-stone-50) !important;
}

/* Category toggles (Functional / Statistics / Marketing) */
.cmplz-cookiebanner .cmplz-categories label,
.cmplz-cookiebanner .cmplz-category {
  border: 1px solid var(--aa-stone-200) !important;
  border-radius: var(--aa-radius) !important;
  background: var(--aa-paper) !important;
}
.cmplz-cookiebanner .cmplz-categories label:hover {
  border-color: var(--aa-brass-500) !important;
}

/* Toggle switch — brass when on */
.cmplz-cookiebanner input[type="checkbox"]:checked + .cmplz-slider,
.cmplz-cookiebanner .cmplz-slider.cmplz-checked {
  background: var(--aa-brass-500) !important;
}

/* Manage Consent button (footer) */
.cmplz-manage-consent,
#cmplz-manage-consent .cmplz-manage-consent-button {
  background: var(--aa-navy-700) !important;
  color: var(--aa-stone-50) !important;
  border: 1px solid var(--aa-navy-700) !important;
  border-radius: var(--aa-radius) 0 0 0 !important;
  font-family: var(--aa-font-body) !important;
}
.cmplz-manage-consent:hover {
  background: var(--aa-navy-500) !important;
}