/* EffiNova – Cookie Consent Brand Overrides
   Passt vanilla-cookieconsent v3 an Brand (effi-green/beige/gold, Montserrat, Glassmorphism) an. */

#cc-main {
  --cc-font-family: 'Montserrat', system-ui, -apple-system, sans-serif;

  --cc-bg: #ffffff;
  --cc-primary-color: #004225;
  --cc-secondary-color: #616161;

  --cc-btn-primary-bg: #004225;
  --cc-btn-primary-color: #ffffff;
  --cc-btn-primary-border-color: #004225;
  --cc-btn-primary-hover-bg: #035B2F;
  --cc-btn-primary-hover-color: #ffffff;
  --cc-btn-primary-hover-border-color: #035B2F;

  --cc-btn-secondary-bg: #F2EFE7;
  --cc-btn-secondary-color: #004225;
  --cc-btn-secondary-border-color: #F2EFE7;
  --cc-btn-secondary-hover-bg: #e6e1d4;
  --cc-btn-secondary-hover-color: #004225;
  --cc-btn-secondary-hover-border-color: #e6e1d4;

  --cc-separator-border-color: rgba(0, 66, 37, 0.12);

  --cc-toggle-on-bg: #004225;
  --cc-toggle-off-bg: #92887A;
  --cc-toggle-readonly-bg: #d9d5cb;
  --cc-toggle-readonly-knob-bg: #ffffff;
  --cc-toggle-on-knob-bg: #ffffff;
  --cc-toggle-off-knob-bg: #ffffff;

  --cc-cookie-category-block-bg: #F4EFD9;
  --cc-cookie-category-block-border: rgba(0, 66, 37, 0.08);
  --cc-cookie-category-block-hover-bg: #F2EFE7;
  --cc-cookie-category-block-hover-border: rgba(0, 66, 37, 0.15);
  --cc-cookie-category-expanded-block-bg: #F2EFE7;
  --cc-cookie-category-expanded-block-hover-bg: #ece7d8;

  --cc-overlay-bg: rgba(1, 51, 27, 0.35);
  --cc-webkit-scrollbar-bg: rgba(0, 66, 37, 0.05);
  --cc-webkit-scrollbar-bg-hover: rgba(0, 66, 37, 0.2);
}

/* Glassmorphism auf dem Cloud-Banner */
#cc-main .cm--cloud {
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  background: rgba(255, 255, 255, 0.92);
  border: 1px solid rgba(0, 66, 37, 0.08);
  box-shadow: 0 20px 50px -20px rgba(1, 51, 27, 0.25);
  border-radius: 16px;
}

#cc-main .cm__title {
  font-weight: 700;
  letter-spacing: 0.2px;
}

#cc-main .cm__btn,
#cc-main .pm__btn {
  border-radius: 12px;
  font-weight: 600;
  letter-spacing: 0.2px;
  transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}

#cc-main .pm__section {
  border-radius: 12px;
}

#cc-main .pm__body {
  border-radius: 16px;
}

/* Fallback ohne backdrop-filter */
@supports not (backdrop-filter: blur(14px)) {
  #cc-main .cm--cloud {
    background: #ffffff;
  }
}

/* Sticky Floating-Button „Privatsphäre" — dezent, nur Icon, unten rechts */
.cc-revoke-btn {
  position: fixed;
  bottom: 16px;
  right: 16px;
  z-index: 40;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  padding: 0;
  background: rgba(0, 66, 37, 0.6);
  color: #ffffff;
  border: none;
  border-radius: 50%;
  font-size: 0;
  cursor: pointer;
  opacity: 0.5;
  transition: opacity 0.3s ease, background-color 0.3s ease;
}

.cc-revoke-btn:hover {
  opacity: 1;
  background: rgba(0, 66, 37, 0.9);
}

.cc-revoke-btn i {
  font-size: 14px;
}

.cc-revoke-btn span {
  display: none;
}

@media (max-width: 640px) {
  .cc-revoke-btn {
    bottom: 12px;
    right: 12px;
    width: 32px;
    height: 32px;
  }
  .cc-revoke-btn i {
    font-size: 12px;
  }
}