/*
 * See documentation:
 * https://cookieconsent.orestbida.com/advanced/ui-customization.html#available-css-variables
 * https://cookieconsent.orestbida.com/advanced/ui-customization.html#how-to-change-css-variables
 */

/* Cookie consent: */
#cc-main {
  /* EXAMPLE: */
  /* --cc-btn-primary-bg: #ba2440;
  --cc-btn-primary-hover-bg: #800d23;
  --cc-btn-primary-border-color: var(--cc-btn-primary-bg);
  --cc-btn-primary-hover-border-color: var(--cc-btn-primary-hover-bg);
  --cc-toggle-on-bg: var(--cc-btn-primary-bg); */
}

/* Custom widget: */
#contao-cc-widget {
  /* EXAMPLE: */
  /* --cc-widget-bg: #ba2440;
  --cc-widget-hover-bg: #800d23;
  --cc-widget-size: 44px;
  --cc-widget-distance: 10px;
  --cc-widget-icon-size: 70%; */
}

#cc-main {
  --cc-btn-primary-bg: #000f44;
  --cc-btn-primary-hover-bg: #04a8f8;
  --cc-btn-primary-border-color: var(--cc-btn-primary-bg);
  --cc-btn-primary-hover-border-color: var(--cc-btn-primary-hover-bg);
  --cc-toggle-on-bg: var(--cc-btn-primary-bg);
}

#cc-main .cc__link {
  --cc-link-color: #000f44;
  --cc-primary-color: #04a8f8;
}

#cc-main .toggle__icon {
  --cc-toggle-off-bg: #000f44;
  --cc-toggle-on-bg: #04a8f8;
}

#cc-main .pm__section--expandable .pm__section-arrow svg {
  --cc-btn-secondary-color: #000f44;
}

#cc-main .pm__section--toggle.is-expanded .pm__section-arrow svg {
  --cc-btn-secondary-color: #04a8f8;
}