/* Klaro Custom Overrides — Heidelberger Rätselfreunde
   Ziel: Mobile-first, optisch gleichwertige Buttons (BGH III ZR 192/23),
   aber Accept visuell primär (filled vs. outlined — erlaubt laut DSK)
*/

/* Banner unten fixieren */
.klaro .cookie-notice {
  bottom: 0 !important;
  top: auto !important;
  border-radius: 12px 12px 0 0 !important;
  max-width: 100% !important;
  padding: 1.25rem 1.25rem 1.5rem !important;
}

/* Buttons: gestapelt (stacked), volle Breite */
.klaro .cookie-notice .cn-buttons {
  display: flex !important;
  flex-direction: column !important;
  gap: 0.6rem !important;
  margin-top: 1rem !important;
}

/* Beide Buttons: gleiche Größe + gleiche Schrift (Gleichwertigkeitspflicht) */
.klaro .cookie-notice .cn-buttons button {
  width: 100% !important;
  min-height: 48px !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  border-radius: 8px !important;
  border: 2px solid #b58520 !important;
  cursor: pointer !important;
  padding: 0.65rem 1rem !important;
  line-height: 1.3 !important;
}

/* Accept-Button: Klaro-Standard-Grün bleibt, nur Reihenfolge fixieren */
.klaro .cookie-notice .cn-buttons .cm-btn-accept-all {
  order: -1 !important;
}

/* Decline-Button: filled grau — gleichwertiger Filled-Style (DSGVO-konform) */
.klaro .cookie-notice .cn-buttons .cm-btn-decline {
  background: #6b7280 !important;
  color: #fff !important;
  border-color: #6b7280 !important;
}
.klaro .cookie-notice .cn-buttons .cm-btn-decline:hover {
  background: #4b5563 !important;
  border-color: #4b5563 !important;
}

/* Details-Link klein aber sichtbar */
.klaro .cookie-notice .cn-learn-more {
  font-size: 13px !important;
  opacity: 0.75 !important;
  display: block !important;
  margin-top: 0.5rem !important;
  text-align: center !important;
}

/* Desktop: Banner leicht einschränken */
@media (min-width: 600px) {
  .klaro .cookie-notice {
    max-width: 480px !important;
    border-radius: 12px !important;
    bottom: 1.5rem !important;
    left: 1.5rem !important;
    right: auto !important;
  }
  .klaro .cookie-notice .cn-buttons {
    flex-direction: row !important;
  }
  .klaro .cookie-notice .cn-buttons button {
    flex: 1 !important;
  }
}