/* IMPERIAL Gold — Klaro cookie consent rebrand (STRATUM 2026-06-08)
 * Override defaultnej zeleno-sivej Klaro témy → onyx + gold brand paleta.
 * Načítané PO klaro.min.css (vyššia špecificita + !important kde treba). */

.klaro {
  --ig-onyx:        #100e0a;
  --ig-onyx-2:      #1b1813;
  --ig-gold:        #c9a227;
  --ig-gold-2:      #e3c66b;
  --ig-cream:       #f4ecd8;
  --ig-cream-muted: #c9bd9f;
  --ig-border:      rgba(201, 162, 39, .35);
}

/* ── Notice (spodný banner) + Modal panel ───────────────────────────── */
.klaro .cookie-notice,
.klaro .cookie-modal .cm-modal {
  background: var(--ig-onyx) !important;
  color: var(--ig-cream) !important;
  border: 1px solid var(--ig-border) !important;
  outline: none !important;
  box-shadow: 0 0 0 1px rgba(201, 162, 39, .45), 0 18px 60px -18px rgba(0, 0, 0, .85) !important;
}
.klaro .cookie-notice:focus,
.klaro .cookie-modal .cm-modal:focus,
.klaro .cookie-notice:focus-within { outline: none !important; }
.klaro .cookie-notice { border-radius: 12px !important; }
.klaro .cookie-modal .cm-modal { border-radius: 14px !important; }
.klaro .cookie-modal .cm-bg { background: rgba(8, 7, 5, .72) !important; }

/* ── Texty + nadpisy ────────────────────────────────────────────────── */
.klaro .cookie-notice .cn-body,
.klaro .cm-modal .cm-header,
.klaro .cm-modal .cm-body,
.klaro .cm-modal .cm-footer { color: var(--ig-cream) !important; }
.klaro .cm-modal .cm-header h1,
.klaro .cn-body strong { color: var(--ig-gold-2) !important; }
.klaro .cm-modal .cm-header { border-bottom: 1px solid var(--ig-border) !important; }
.klaro .cm-modal .cm-footer { border-top: 1px solid var(--ig-border) !important; }

/* ── Odkazy ─────────────────────────────────────────────────────────── */
.klaro a,
.klaro .cn-learn-more,
.klaro .cm-link {
  color: var(--ig-gold-2) !important;
  text-decoration: underline;
}
.klaro a:hover,
.klaro .cm-link:hover { color: var(--ig-cream) !important; }

/* ── Tlačidlá — základ (napr. Odmietnuť všetko) ─────────────────────── */
.klaro .cm-btn {
  background: transparent !important;
  color: var(--ig-cream) !important;
  border: 1px solid var(--ig-border) !important;
  border-radius: 999px !important;
  transition: all .18s ease;
}
.klaro .cm-btn:hover {
  border-color: var(--ig-gold) !important;
  color: var(--ig-gold-2) !important;
}

/* ── Accept / success → plná zlatá (Prijať všetko) ──────────────────── */
.klaro .cm-btn.cm-btn-success,
.klaro .cn-ok .cm-btn-success,
.klaro .cm-btn.cm-btn-success-var {
  background: linear-gradient(180deg, var(--ig-gold-2), var(--ig-gold)) !important;
  color: #1a1408 !important;
  border-color: var(--ig-gold) !important;
  font-weight: 600;
}
.klaro .cm-btn.cm-btn-success:hover { filter: brightness(1.08) !important; }

/* ── "Prijať vybrané" / info varianta → outlined zlatá ──────────────── */
.klaro .cm-btn.cm-btn-info {
  background: transparent !important;
  color: var(--ig-gold-2) !important;
  border-color: var(--ig-border) !important;
}

/* ── Prepínače účelov (on/off) ──────────────────────────────────────── */
.klaro .cm-list-input:checked + .cm-list-label .slider,
.klaro .cm-switch .slider.round.active { background-color: var(--ig-gold) !important; }
.klaro .cm-list-label .slider { background-color: #4a4636 !important; }
.klaro .cm-list-input.required:checked + .cm-list-label .slider { background-color: rgba(201, 162, 39, .5) !important; }
.klaro .cm-list-title { color: var(--ig-cream) !important; }
.klaro .cm-list-description { color: var(--ig-cream-muted) !important; }
.klaro .cm-purpose { border-color: var(--ig-border) !important; }

/* ── Contextual consent placeholder ─────────────────────────────────── */
/* (zelený box, ktorý ukazoval "[MISSING TRANSLATION: SK/CONTEXTUALCONSENT/ACCEPTONCE]") */
.klaro .context-notice,
.context-notice,
.klaro .cm-as-context-notice {
  background: var(--ig-onyx-2) !important;
  color: var(--ig-cream) !important;
  border: 1px solid var(--ig-border) !important;
  border-radius: 12px !important;
}
.klaro .context-notice .cn-ok .cm-btn,
.context-notice .cm-btn {
  background: linear-gradient(180deg, var(--ig-gold-2), var(--ig-gold)) !important;
  color: #1a1408 !important;
  border-color: var(--ig-gold) !important;
}

/* ── Powered by — tlmené ────────────────────────────────────────────── */
.klaro .cm-powered-by,
.klaro .cm-powered-by a { color: var(--ig-cream-muted) !important; }