/* Blocking Klaro consent — aligned with 8-Bits brand */
.klaro .cookie-modal {
  z-index: 100000 !important;
}

.klaro .cookie-modal .cm-bg {
  background: rgba(25, 59, 48, 0.82) !important;
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  z-index: 100000 !important;
}

.klaro .cookie-modal .cm-modal.cm-klaro {
  z-index: 100001 !important;
  left: 50% !important;
  right: auto !important;
  top: 50% !important;
  bottom: auto !important;
  transform: translate(-50%, -50%) !important;
  margin: 0 !important;
  max-width: min(560px, 94vw) !important;
  width: 94vw !important;
  max-height: min(90vh, 720px) !important;
  position: fixed !important;
}

.klaro .cookie-modal .cm-modal .hide {
  display: none !important;
}

.klaro .cookie-modal .cm-footer-buttons {
  display: flex !important;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  justify-content: flex-end;
}

.klaro .cookie-modal .cm-footer-buttons button {
  min-height: 44px;
}

/* Hide Accept-all if it still appears */
.klaro .cookie-modal .cm-btn.cm-btn-accept-all {
  display: none !important;
}

/* Decline — quiet text link */
.klaro .cookie-modal .cm-btn.cm-btn-danger,
.klaro .cookie-modal .cm-btn.cn-decline,
.klaro .cookie-modal .cm-btn.cm-btn-decline,
.klaro .cookie-notice .cm-btn.cm-btn-danger,
.klaro .cookie-notice .cm-btn.cn-decline {
  order: -1 !important;
  margin-right: auto !important;
  background: transparent !important;
  background-color: transparent !important;
  color: #637269 !important;
  border: none !important;
  box-shadow: none !important;
  font-weight: 500 !important;
  text-decoration: underline !important;
  text-underline-offset: 3px;
  min-height: auto !important;
  padding: 8px 4px !important;
}

.klaro .cookie-modal .cm-btn.cm-btn-danger:hover,
.klaro .cookie-modal .cm-btn.cn-decline:hover,
.klaro .cookie-modal .cm-btn.cm-btn-decline:hover {
  color: #193b30 !important;
  background: transparent !important;
  background-color: transparent !important;
}

/* Save choices — primary action (8-Bits ink) */
.klaro .cookie-modal .cm-btn.cm-btn-accept,
.klaro .cookie-modal .cm-btn.cm-btn-success:not(.cm-btn-accept-all) {
  background: #193b30 !important;
  background-color: #193b30 !important;
  color: #f3f3ec !important;
  border: none !important;
  font-weight: 700 !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
}

body:has(.klaro .cookie-modal) {
  overflow: hidden;
}