/* ══════════════════════════════════════════════════════════════
   AIPA — Cookie Consent Theme Override
   Adapts vanilla-cookieconsent v3 to AIPA brand colors.
   Must load AFTER cookieconsent.css.
   ══════════════════════════════════════════════════════════════ */

#cc-main {
  --cc-font-family: 'Inter', system-ui, -apple-system, sans-serif;
  --cc-bg: #fff;
  --cc-primary-color: #1F2937;
  --cc-secondary-color: #6B7280;
  --cc-btn-primary-bg: #0078D4;
  --cc-btn-primary-color: #fff;
  --cc-btn-primary-border-color: #0078D4;
  --cc-btn-primary-hover-bg: #106EBE;
  --cc-btn-primary-hover-color: #fff;
  --cc-btn-primary-hover-border-color: #106EBE;
  --cc-btn-secondary-bg: #F3F4F6;
  --cc-btn-secondary-color: #1F2937;
  --cc-btn-secondary-border-color: #E5E7EB;
  --cc-btn-secondary-hover-bg: #E5E7EB;
  --cc-btn-secondary-hover-color: #111827;
  --cc-btn-secondary-hover-border-color: #D1D5DB;
  --cc-separator-border-color: #E5E7EB;
  --cc-toggle-on-bg: #0078D4;
  --cc-toggle-off-bg: #9CA3AF;
  --cc-toggle-readonly-bg: #D1D5DB;
  --cc-cookie-category-block-bg: #F9FAFB;
  --cc-cookie-category-block-border: #F3F4F6;
  --cc-cookie-category-block-hover-bg: #F3F4F6;
  --cc-cookie-category-block-hover-border: #E5E7EB;
  --cc-cookie-category-expanded-block-hover-bg: #E5E7EB;
  --cc-overlay-bg: rgba(0, 0, 0, 0.5);
  --cc-link-color: #0078D4;
  --cc-modal-border-radius: 12px;
  --cc-btn-border-radius: 8px;
  --cc-footer-bg: #F9FAFB;
  --cc-footer-color: #6B7280;
  --cc-footer-border-color: #E5E7EB;
}

/* Overlay + scroll lock when consent modal is visible */
html.show--consent::before {
  content: '';
  position: fixed;
  inset: 0;
  background: var(--cc-overlay-bg, rgba(0, 0, 0, 0.5));
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  z-index: 2147483646;
  pointer-events: none;
}

html.show--consent,
html.show--consent body {
  overflow: hidden !important;
}

#cc-main .cm {
  box-shadow: 0 12px 48px rgba(0, 0, 0, 0.18), 0 4px 12px rgba(0, 0, 0, 0.08);
}

#cc-main .pm {
  box-shadow: 0 12px 48px rgba(0, 0, 0, 0.18), 0 4px 12px rgba(0, 0, 0, 0.08);
}

#cc-main .cm__title {
  font-size: 1.1em;
  font-weight: 700;
}

#cc-main .cm__desc {
  font-size: .88em;
  line-height: 1.6;
}
