/* ═══════════════════════════════════════════════════════════
   Notix — Cookie Consent Theme (vanilla-cookieconsent v3)
   Dark terminal luxury glassmorphism
   ═══════════════════════════════════════════════════════════ */

#cc-main {
  /* Font */
  --cc-font-family: 'Inter', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
  font-size: 14px;

  /* Dark surfaces */
  --cc-bg: #0a0a0a;
  --cc-overlay-bg: rgba(5, 5, 5, 0.75);
  --cc-secondary-color: #a3a3a3;
  --cc-primary-color: #fafafa;

  /* Emerald primary buttons */
  --cc-btn-primary-bg: #00dc82;
  --cc-btn-primary-color: #050505;
  --cc-btn-primary-hover-bg: #00a862;
  --cc-btn-primary-hover-color: #050505;

  /* Ghost secondary buttons */
  --cc-btn-secondary-bg: transparent;
  --cc-btn-secondary-color: #a3a3a3;
  --cc-btn-secondary-hover-bg: rgba(255, 255, 255, 0.06);
  --cc-btn-secondary-hover-color: #fafafa;
  --cc-btn-secondary-border-color: rgba(255, 255, 255, 0.10);

  /* Emerald toggle */
  --cc-toggle-on-bg: #00dc82;
  --cc-toggle-off-bg: #333333;
  --cc-toggle-on-knob-bg: #050505;
  --cc-toggle-off-knob-bg: #a3a3a3;
  --cc-toggle-readonly-bg: #1c1c1c;
  --cc-toggle-readonly-knob-bg: #525252;

  /* Section backgrounds */
  --cc-section-border: rgba(255, 255, 255, 0.06);
  --cc-cookie-category-block-bg: #0f0f0f;
  --cc-cookie-category-block-border: rgba(255, 255, 255, 0.06);

  /* Separator */
  --cc-separator-border-color: rgba(255, 255, 255, 0.06);

  /* Borders & radius */
  --cc-btn-border-radius: 8px;
  --cc-modal-border-radius: 16px;
  --cc-modal-transition-duration: 0.35s;
}

/* Glassmorphism consent modal */
#cc-main .cm {
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  background: rgba(10, 10, 10, 0.92) !important;
  border: 1px solid rgba(255, 255, 255, 0.06);
  box-shadow: 0 8px 40px rgba(0, 0, 0, 0.6), 0 0 60px rgba(0, 220, 130, 0.04);
}

/* Glassmorphism preferences modal */
#cc-main .pm {
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  background: rgba(10, 10, 10, 0.95) !important;
  border: 1px solid rgba(255, 255, 255, 0.06);
}

/* Primary button emerald glow on hover */
#cc-main .cm__btn:first-child:hover,
#cc-main .pm__btn:first-child:hover {
  box-shadow: 0 0 20px rgba(0, 220, 130, 0.25);
}

/* Typography */
#cc-main .cm__title {
  font-size: 1.1rem;
  font-weight: 600;
  color: #fafafa;
}

#cc-main .cm__desc {
  font-size: 0.875rem;
  line-height: 1.6;
  color: #a3a3a3;
}

/* Emerald links */
#cc-main a {
  color: #00dc82;
}
#cc-main a:hover {
  color: #4dffb4;
}

/* Section titles in preferences */
#cc-main .pm__section-title {
  font-weight: 600;
  color: #fafafa;
}

#cc-main .pm__section-desc {
  color: #a3a3a3;
}

/* Footer in preferences */
#cc-main .pm__footer {
  border-top: 1px solid rgba(255, 255, 255, 0.06);
}