/* =====================================================================
   360 Dental Lounge — WPConsent-style theme for the cookie banner
   Overrides vanilla-cookieconsent's default colours to match the
   WPConsent banner look (white card, dark title, muted body, solid
   primary button, light-grey secondary, modest radius).
   Load AFTER cookieconsent.css.
   Place at: /assets/consent/consent-theme.css
   ===================================================================== */

#cc-main {
  --cc-font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --cc-bg: #ffffff;
  --cc-primary-color: #1d2327;
  --cc-secondary-color: #50575e;
  --cc-btn-primary-bg: #81ac2c;
  --cc-btn-primary-color: #ffffff;
  --cc-btn-primary-hover-bg: #6e9324;
  --cc-btn-primary-hover-color: #ffffff;
  --cc-btn-secondary-bg: #f0f0f1;
  --cc-btn-secondary-color: #1d2327;
  --cc-btn-secondary-hover-bg: #e2e3e5;
  --cc-btn-secondary-hover-color: #1d2327;
  --cc-btn-border-radius: 6px;
  --cc-modal-border-radius: 10px;
  --cc-separator-border-color: #eceef0;
  --cc-link-color: #6e9324;
  --cc-toggle-on-bg: #81ac2c;
  --cc-cookie-category-block-bg: #F5F5F5;
  --cc-cookie-category-block-border: #e4e6e8;
  --cc-cookie-category-block-hover-bg: #eef0f1;
  --cc-cookie-category-block-hover-border: #dcdfe2;
}

@media (prefers-color-scheme:dark) {
  #cc-main {
    --cc-bg: #1e1e1e;
    --cc-primary-color: #F5F5F5;
    --cc-secondary-color: #bdc1c6;
    --cc-btn-secondary-bg: #2c2c2c;
    --cc-btn-secondary-color: #f0f0f1;
    --cc-btn-secondary-hover-bg: #3a3a3a;
    --cc-separator-border-color: #333;
    --cc-cookie-category-block-bg: #2a2a2a;
    --cc-cookie-category-block-border: #3a3a3a;
    --cc-cookie-category-block-hover-bg: #333;
    --cc-cookie-category-block-hover-border: #444;
    --cc-link-color: #81ac2c;
    --cc-btn-primary-bg: #6e9324;
    --cc-btn-primary-hover-bg: #6e9324;
  }
}

/* Soft shadow lifting the banner off the page corner, like WPConsent */
#cc-main .cm {
  box-shadow: 0 8px 28px rgba(0, 0, 0, .18);
}