/* vanilla-cookieconsent v3 theme — seventy2digital dark palette */
/* Variables match the site tokens: --b-canvas #06101F, --b-ink #F2F6FC, --b-accent #C8F33D */

#cc-main {
  --cc-font-family:                        "IBM Plex Sans", "Segoe UI", system-ui, sans-serif;
  --cc-modal-border-radius:                12px;
  --cc-btn-border-radius:                  6px;

  /* Backgrounds */
  --cc-bg:                                 #0d1e30;
  --cc-footer-bg:                          #0a1827;
  --cc-overlay-bg:                         rgba(6, 16, 31, 0.85);

  /* Text */
  --cc-primary-color:                      #F2F6FC;
  --cc-secondary-color:                    rgba(242, 246, 252, 0.68);
  --cc-footer-color:                       rgba(242, 246, 252, 0.55);
  --cc-footer-border-color:                rgba(242, 246, 252, 0.1);
  --cc-link-color:                         #C8F33D;

  /* Primary button (Accept all) */
  --cc-btn-primary-bg:                     #C8F33D;
  --cc-btn-primary-color:                  #06101F;
  --cc-btn-primary-border-color:           #C8F33D;
  --cc-btn-primary-hover-bg:               #b8e030;
  --cc-btn-primary-hover-color:            #06101F;
  --cc-btn-primary-hover-border-color:     #b8e030;

  /* Secondary button (Necessary only / Save preferences) */
  --cc-btn-secondary-bg:                   transparent;
  --cc-btn-secondary-color:                #F2F6FC;
  --cc-btn-secondary-border-color:         rgba(242, 246, 252, 0.28);
  --cc-btn-secondary-hover-bg:             rgba(242, 246, 252, 0.08);
  --cc-btn-secondary-hover-color:          #F2F6FC;
  --cc-btn-secondary-hover-border-color:   rgba(242, 246, 252, 0.5);

  /* Toggles */
  --cc-toggle-on-bg:                       #C8F33D;
  --cc-toggle-off-bg:                      rgba(242, 246, 252, 0.2);
  --cc-toggle-on-knob-bg:                  #06101F;
  --cc-toggle-off-knob-bg:                 rgba(242, 246, 252, 0.8);
  --cc-toggle-enabled-icon-color:          #06101F;
  --cc-toggle-disabled-icon-color:         rgba(242, 246, 252, 0.5);
  --cc-toggle-readonly-bg:                 rgba(242, 246, 252, 0.12);
  --cc-toggle-readonly-knob-bg:            rgba(242, 246, 252, 0.5);
  --cc-toggle-readonly-knob-icon-color:    rgba(242, 246, 252, 0.5);

  /* Cookie category blocks */
  --cc-cookie-category-block-bg:           rgba(242, 246, 252, 0.04);
  --cc-cookie-category-block-border:       rgba(242, 246, 252, 0.08);
  --cc-cookie-category-block-hover-bg:     rgba(242, 246, 252, 0.07);
  --cc-cookie-category-block-hover-border: rgba(200, 243, 61, 0.2);
  --cc-cookie-category-expanded-block-bg:  rgba(242, 246, 252, 0.03);
  --cc-section-category-border:            rgba(242, 246, 252, 0.08);
  --cc-separator-border-color:             rgba(242, 246, 252, 0.1);
  --cc-webkit-scrollbar-bg:                rgba(242, 246, 252, 0.08);
  --cc-webkit-scrollbar-hover-bg:          rgba(242, 246, 252, 0.16);
}

/* Footer "Cookie-Einstellungen / Cookie Settings" button — styled as footer link */
.footer__cc-btn {
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  font-family: var(--font-mono, monospace);
  font-size: 11px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: color-mix(in srgb, #F2F6FC 55%, transparent);
  text-decoration: none;
  transition: color 120ms;
  line-height: inherit;
  vertical-align: baseline;
}
.footer__cc-btn:hover {
  color: #C8F33D;
}
.footer__cc-btn:focus-visible {
  outline: 2px solid #C8F33D;
  outline-offset: 2px;
  border-radius: 2px;
}