.klaro .cookie-notice,
.klaro .cookie-modal {
  font-family: 'DM Sans', system-ui, sans-serif;
}

.klaro .cookie-notice {
  background: #0f1c2e !important;
  color: #ffffff !important;
  border-bottom: 3px solid #14b8a6 !important;
  padding: 1.25rem 1.5rem !important;
}

.klaro .cookie-modal .cm-bg {
  background: rgba(15, 28, 46, 0.7) !important;
}

.klaro .cookie-modal .cm-modal {
  background: #ffffff !important;
  color: #0f1c2e !important;
  border-radius: 8px !important;
}

.klaro .cookie-modal .cm-modal .cm-header h1,
.klaro .cookie-modal .cm-modal .cm-header h2,
.klaro .cookie-modal .cm-purposes h2 {
  font-family: 'Syne', sans-serif !important;
  color: #0f1c2e !important;
}

/* === ROVNOCENNÉ TLAČIDLÁ — všetky teal, filled, rovnaká váha === */
.klaro .cn-buttons .cm-btn,
.klaro .cookie-modal .cm-btn {
  border-radius: 6px !important;
  font-weight: 600 !important;
  padding: 0.7rem 1.4rem !important;
  font-size: 14px !important;
  min-width: 140px !important;
  cursor: pointer !important;
  transition: background 0.15s ease !important;
}

/* "Prijať všetko" + "Prijať vybrané" + "Odmietnuť" — všetky rovnaké */
.klaro .cn-buttons .cm-btn-success,
.klaro .cn-buttons .cm-btn-decline,
.klaro .cn-buttons .cm-btn-info,
.klaro .cookie-modal .cm-btn-success,
.klaro .cookie-modal .cm-btn-decline,
.klaro .cookie-modal .cm-btn-info {
  background: #14b8a6 !important;
  color: #ffffff !important;
  border: 1px solid #14b8a6 !important;
}

.klaro .cn-buttons .cm-btn-success:hover,
.klaro .cn-buttons .cm-btn-decline:hover,
.klaro .cn-buttons .cm-btn-info:hover,
.klaro .cookie-modal .cm-btn-success:hover,
.klaro .cookie-modal .cm-btn-decline:hover,
.klaro .cookie-modal .cm-btn-info:hover {
  background: #0d9488 !important;
  border-color: #0d9488 !important;
}

/* "Nastaviť" link v notice baneri — text only, ale rovnaká font weight */
.klaro .cookie-notice .cn-learn-more {
  color: #5eead4 !important;
  text-decoration: underline !important;
  font-weight: 500 !important;
}

/* Toggle slider */
.klaro .slider {
  background: #94a3b8 !important;
}

.klaro .cm-list-input:checked + .cm-list-label .slider {
  background: #14b8a6 !important;
}

/* === FLOATING TLAČIDLO PRE OTVORENIE NASTAVENÍ === */
.klaro-toggle-btn {
  position: fixed !important;
  bottom: 16px !important;
  left: 16px !important;
  z-index: 999 !important;
  background: #0f1c2e !important;
  color: #ffffff !important;
  border: 1px solid #14b8a6 !important;
  border-radius: 999px !important;
  padding: 8px 14px !important;
  font-family: 'DM Sans', system-ui, sans-serif !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  cursor: pointer !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  transition: background 0.15s ease !important;
}

.klaro-toggle-btn:hover {
  background: #1e293b !important;
}

@media (max-width: 768px) {
  .klaro .cookie-notice {
    padding: 1rem !important;
    font-size: 14px !important;
  }
  
  .klaro .cn-buttons .cm-btn {
    min-width: 0 !important;
    padding: 0.6rem 1rem !important;
    font-size: 13px !important;
  }
  
  .klaro-toggle-btn {
    bottom: 12px !important;
    left: 12px !important;
    padding: 6px 12px !important;
    font-size: 12px !important;
  }
}

.klaro-toggle-btn {
  position: fixed !important;
  bottom: 16px !important;
  left: 16px !important;
  z-index: 999 !important;
  background: #0f1c2e !important;
  color: #ffffff !important;
  border: 1px solid #14b8a6 !important;
  border-radius: 999px !important;
  padding: 8px 14px !important;
  font-family: 'DM Sans', system-ui, sans-serif !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  cursor: pointer !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) !important;
  transition: background 0.15s ease !important;
}

.klaro-toggle-btn:hover {
  background: #1e293b !important;
}

@media (max-width: 768px) {
  .klaro-toggle-btn {
    bottom: 12px !important;
    left: 12px !important;
    padding: 6px 12px !important;
    font-size: 12px !important;
  }
}