/*
 * Dark UAP theme overrides for orestbida/cookieconsent v3.0.1.
 *
 * The library is shipped with CSS custom-property hooks (--cc-*) for
 * almost every color, radius, and shadow. We override them to match
 * the site's existing palette:
 *
 *   --bg        #060b12   page background
 *   --surface   #0d1520   card surface
 *   --surface2  #111d2e   nested surface
 *   --accent    #00d4ff   cyan primary (links + CTA)
 *   --accent2   #7b2fff   purple secondary
 *   --text      #e8f0f8   primary text
 *   --muted     #86a0b8   secondary text
 *   --border    #1a2d45   surface border
 *
 * Loaded after the library's own CSS so these overrides win.
 */

#cc-main {
  --cc-bg: #0d1520;
  --cc-primary-color: #e8f0f8;
  --cc-secondary-color: #86a0b8;

  --cc-btn-primary-bg: #00d4ff;
  --cc-btn-primary-color: #02131a;
  --cc-btn-primary-border-color: #00d4ff;
  --cc-btn-primary-hover-bg: #ffffff;
  --cc-btn-primary-hover-color: #02131a;
  --cc-btn-primary-hover-border-color: #ffffff;

  --cc-btn-secondary-bg: #111d2e;
  --cc-btn-secondary-color: #e8f0f8;
  --cc-btn-secondary-border-color: #1a2d45;
  --cc-btn-secondary-hover-bg: #1a2d45;
  --cc-btn-secondary-hover-color: #00d4ff;
  --cc-btn-secondary-hover-border-color: #00d4ff;

  --cc-cookie-category-block-bg: #111d2e;
  --cc-cookie-category-block-border: #1a2d45;
  --cc-cookie-category-block-hover-bg: #16243a;
  --cc-cookie-category-block-hover-border: #00d4ff;
  --cc-cookie-category-expanded-block-bg: #0b1320;
  --cc-cookie-category-expanded-block-hover-bg: #0e1828;

  --cc-overlay-bg: rgba(6, 11, 18, 0.78);
  --cc-toggle-readonly-bg: #1a2d45;
  --cc-toggle-on-bg: #00d4ff;
  --cc-toggle-off-bg: #1a2d45;

  --cc-section-border: #1a2d45;
  --cc-separator-border-color: #1a2d45;
  --cc-modal-border-radius: 16px;
  --cc-btn-border-radius: 8px;

  --cc-footer-bg: #0b1220;
  --cc-footer-color: #86a0b8;
  --cc-footer-border-color: #1a2d45;

  --cc-font-family: 'Space Grotesk', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

/* Link colors inside the modal text */
#cc-main a {
  color: #00d4ff;
}
#cc-main a:hover {
  color: #ffffff;
}

/* Subtle entry animation so the banner doesn't snap in jarringly */
#cc-main .cm--box,
#cc-main .pm--box {
  box-shadow: 0 18px 50px rgba(0, 0, 0, 0.55);
  border: 1px solid #1a2d45;
}

/* Footer "Cookie Settings" link styling — keep it visually quiet,
   matches the rest of the footer copy. */
.cookie-controls {
  margin-top: 0.6rem;
  font-size: 0.75rem;
  color: #86a0b8;
  text-align: center;
}
.cookie-controls a {
  color: #86a0b8;
  text-decoration: none;
  margin: 0 0.4rem;
}
.cookie-controls a:hover {
  color: #00d4ff;
}