/* Light Funky Theme for CookieConsent */
#cc-main {
  color-scheme: light;

  --cc-bg: #f9faff;
  --cc-primary-color: #112954;
  --cc-secondary-color: #112954;

  --cc-btn-primary-bg: #3859d0;
  --cc-btn-primary-color: var(--cc-bg);
  --cc-btn-primary-hover-bg: #213657;
  --cc-btn-primary-hover-color: #fff;

  --cc-btn-secondary-bg: #dfe7f9;
  --cc-btn-secondary-color: var(--cc-secondary-color);
  --cc-btn-secondary-hover-bg: #c6d1ea;
  --cc-btn-secondary-hover-color: #000;

  --cc-cookie-category-block-bg: #ebeff9;
  --cc-cookie-category-block-border: #ebeff9;
  --cc-cookie-category-block-hover-bg: #dbe5f9;
  --cc-cookie-category-block-hover-border: #dbe5f9;
  --cc-cookie-category-expanded-block-hover-bg: #ebeff9;
  --cc-cookie-category-expanded-block-bg: #ebeff9;

  --cc-overlay-bg: rgba(219, 232, 255, 0.85) !important;

  --cc-toggle-readonly-bg: #cbd8f1;
  --cc-toggle-on-knob-bg: var(--cc-bg);
  --cc-toggle-off-bg: #8fa8d6;
  --cc-toggle-readonly-knob-bg: var(--cc-bg);

  --cc-separator-border-color: #f1f3f5;

  --cc-footer-border-color: #f1f3f5;
  --cc-footer-bg: var(--cc-bg);

  /* Regular border radius */
  --cc-btn-border-radius: 4px;
  --cc-modal-border-radius: 8px;
  --cc-pm-toggle-border-radius: 4px;
}

/* Additional styling for the light theme */
#cc-main .toggle__icon:after {
  border-radius: var(--cc-btn-border-radius);
}

#cc-main .cm__btn--close {
  border-radius: var(--cc-btn-border-radius);
}

/* Make the consent modal title more vibrant */
#cc-main .cm__title {
  color: var(--cc-btn-primary-bg);
}

/* Style links with the primary color */
#cc-main a {
  color: var(--cc-btn-primary-bg);
}

/* Additional styling for cookie category blocks */
#cc-main .cookie-category-block {
  border-radius: var(--cc-modal-border-radius);
}

/* Regular button styling */
#cc-main .cm__btn,
#cc-main .pm__btn {
  border-radius: var(--cc-btn-border-radius);
}