/* ===== Tema GDeasy para o Klaro (banner/modal de consentimento) =====
   Cores e fonte alinhadas aos tokens @theme de src/index.css:
   --color-brand var(--color-brand, #FF6B00) · --color-brand-dark var(--color-brand-dark, #e05e00) · --color-cream #FFF6EE
   --color-ink #111827 · --color-muted #6B7280 · --font-sans 'Poppins'.
   Mesmo visual da landing (lp-gdeasy). */
.klaro {
  --font-family: 'Poppins', system-ui, -apple-system, sans-serif;
  --title-font-family: 'Poppins', system-ui, sans-serif;
  --border-radius: 12px;
  --green1: var(--color-brand, #FF6B00);
  --green2: var(--color-brand-dark, #e05e00);
  --green3: var(--color-brand-dark, #CC4F00);
  --button-text-color: #ffffff;
}

/* Consentimento SEMPRE acima de elementos fixos/sticky da loja (seletor de
   entrega/retirada, barra de categorias, etc.). O Klaro usa z-index baixo
   (999–1001) e a UI da loja acabava por cima. */
.klaro .cookie-notice:not(.cookie-modal-notice) { z-index: 2147483000 !important; }
.klaro .cookie-modal { z-index: 2147483000 !important; }
.klaro .cookie-modal .cm-modal.cm-klaro { z-index: 2147483001 !important; }

/* Containers: fundo cream, texto escuro, cantos arredondados, fonte Poppins */
.klaro .cookie-notice,
.klaro .cookie-modal .cm-modal,
.klaro .context-notice {
  background-color: #FFF6EE !important;
  color: #111827 !important;
  border: 1px solid #FFE7D4 !important;
  border-radius: 12px !important;
  font-family: 'Poppins', system-ui, sans-serif !important;
  box-shadow: 0 12px 40px -12px rgba(17, 24, 39, 0.25) !important;
}

/* Títulos em Poppins, tinta escura */
.klaro .cookie-modal .cm-header h1,
.klaro .cookie-modal .cm-list-title,
.klaro .cookie-notice .cn-body strong {
  color: #111827 !important;
  font-family: 'Poppins', system-ui, sans-serif !important;
}

/* Título do banner (laranja da marca em destaque) */
.klaro .cookie-notice .cn-body strong.cn-title {
  display: block;
  color: var(--color-brand, #FF6B00) !important;
  font-family: 'Poppins', system-ui, sans-serif !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: #111827 !important;
}

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

/* Links em laranja da marca */
.klaro a,
.klaro .cm-link,
.klaro .cn-learn-more {
  color: var(--color-brand, #FF6B00) !important;
  text-decoration: none;
}
.klaro a:hover { text-decoration: underline; }

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

/* Aceitar (todos) — laranja sólido, texto branco */
.klaro .cm-btn.cm-btn-success,
.klaro .cm-btn.cm-btn-accept-all {
  background-color: var(--color-brand, #FF6B00) !important;
  color: #ffffff !important;
  border: 1px solid var(--color-brand, #FF6B00) !important;
}
.klaro .cm-btn.cm-btn-success:hover,
.klaro .cm-btn.cm-btn-accept-all:hover {
  background-color: var(--color-brand-dark, #e05e00) !important;
  border-color: var(--color-brand-dark, #e05e00) !important;
}

/* Salvar escolhas / aceitar selecionados — laranja contornado */
.klaro .cm-btn.cm-btn-accept {
  background-color: transparent !important;
  color: var(--color-brand, #FF6B00) !important;
  border: 1px solid var(--color-brand, #FF6B00) !important;
}
.klaro .cm-btn.cm-btn-accept:hover {
  background-color: var(--color-brand-100, rgba(255, 107, 0, 0.10)) !important;
}

/* Recusar — ghost neutro */
.klaro .cm-btn.cm-btn-decline,
.klaro .cm-btn.cm-btn-danger {
  background-color: transparent !important;
  color: var(--color-brand, #FF6B00) !important;
  border: 1px solid var(--color-brand, #FF6B00) !important;
}
.klaro .cm-btn.cm-btn-decline:hover,
.klaro .cm-btn.cm-btn-danger:hover {
  background-color: var(--color-brand-100, rgba(255, 107, 0, 0.10)) !important;
}

/* Toggles ativos em laranja 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: var(--color-brand, #FF6B00) !important;
}