/* ===== Tema Indeias para o Klaro (banner/modal de consentimento) ===== */
.klaro {
  --font-family: 'Inter', system-ui, -apple-system, sans-serif;
  --title-font-family: 'Roboto Mono', ui-monospace, monospace;
  --border-radius: 0px;
  --green1: #5aff43;
  --green2: #4be035;
  --green3: #3bc329;
  --button-text-color: #000000;
}

/* Containers: fundo escuro, texto claro, cantos retos, fonte Inter */
.klaro .cookie-notice,
.klaro .cookie-modal .cm-modal,
.klaro .context-notice {
  background-color: #111111 !important;
  color: #c9c9c9 !important;
  border: 1px solid #262626 !important;
  border-radius: 0 !important;
  font-family: 'Inter', system-ui, sans-serif !important;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.6) !important;
}

/* Títulos em mono, branco */
.klaro .cookie-modal .cm-header h1,
.klaro .cookie-modal .cm-list-title,
.klaro .cookie-notice .cn-body strong {
  color: #ffffff !important;
  font-family: 'Roboto Mono', ui-monospace, monospace !important;
}

/* Título do banner (verde em destaque, como no modelo antigo) */
.klaro .cookie-notice .cn-body strong.cn-title {
  display: block;
  color: #5aff43 !important;
  font-family: 'Roboto Mono', ui-monospace, monospace !important;
  font-weight: 700;
  font-size: 1.05em;
  margin-bottom: 8px;
}

/* Corpo do texto */
.klaro .cookie-notice .cn-body,
.klaro .cookie-modal .cm-body,
.klaro .cookie-modal .cm-header,
.klaro .cookie-modal .cm-footer {
  color: #c9c9c9 !important;
}

/* Descrições de serviço e "powered by" em cinza suave */
.klaro .cookie-modal .cm-list-description,
.klaro .cm-powered-by {
  color: #9ca3af !important;
}

/* Links em verde da marca */
.klaro a,
.klaro .cm-link,
.klaro .cn-learn-more {
  color: #5aff43 !important;
  text-decoration: none;
}
.klaro a:hover { text-decoration: underline; }

/* Botões — base */
.klaro .cm-btn {
  border-radius: 0 !important;
  font-family: 'Inter', system-ui, sans-serif !important;
  font-weight: 600 !important;
  transition: background-color .2s ease, border-color .2s ease, color .2s ease;
}

/* Aceitar (todos) — verde sólido, texto preto */
.klaro .cm-btn.cm-btn-success,
.klaro .cm-btn.cm-btn-accept-all {
  background-color: #5aff43 !important;
  color: #000000 !important;
  border: 1px solid #5aff43 !important;
}
.klaro .cm-btn.cm-btn-success:hover,
.klaro .cm-btn.cm-btn-accept-all:hover {
  background-color: #4be035 !important;
  border-color: #4be035 !important;
}

/* Salvar escolhas / aceitar selecionados — verde contornado */
.klaro .cm-btn.cm-btn-accept {
  background-color: transparent !important;
  color: #5aff43 !important;
  border: 1px solid #5aff43 !important;
}
.klaro .cm-btn.cm-btn-accept:hover {
  background-color: rgba(90, 255, 67, 0.12) !important;
}

/* Recusar — ghost neutro */
.klaro .cm-btn.cm-btn-decline,
.klaro .cm-btn.cm-btn-danger {
  background-color: transparent !important;
  color: #c9c9c9 !important;
  border: 1px solid #3f3f46 !important;
}
.klaro .cm-btn.cm-btn-decline:hover,
.klaro .cm-btn.cm-btn-danger:hover {
  border-color: #5aff43 !important;
  color: #5aff43 !important;
}

/* Toggles ativos em verde da marca */
.klaro .cookie-modal .cm-list-input:checked + .cm-list-label .slider,
.klaro .context-notice .cm-list-input:checked + .cm-list-label .slider,
.klaro .cookie-notice .cm-list-input:checked + .cm-list-label .slider {
  background-color: #5aff43 !important;
}