/* DOBRA FAQ — Acordeão Bootstrap 5 (accordion nativo)
   Estrutura: .h2-secao--faq > .view-hm2-lp-faq > .accordion.hm2-faq-acordeao > .accordion-item
   Usa tokens --hm2-on-surface-* para adaptar a qualquer fundo de seção. */

/* 1. Remove wrapper padrão da View */
body:not(.path-admin) .h2-secao--faq .view-hm2-lp-faq {
  background-color: transparent;
  box-shadow: none;
  border: none;
  padding: 0;
}

/* 2. Título da seção */
body:not(.path-admin) .h2-secao--faq .lp-section__titulo {
  color: var(--hm2-on-surface-title, var(--hm2-color-heading, #1a1a2e));
  margin-bottom: 2rem;
}

/* 3. Container do acordeão — largura máxima para legibilidade */
body:not(.path-admin) .h2-secao--faq .hm2-faq-acordeao {
  max-width: 800px;
  margin-inline: auto;
}

/* 4. Botão da pergunta — tipografia e cor
   Usa --hm2-color-heading diretamente (não --hm2-on-surface-accent) porque
   h2-secao.css redefine --hm2-on-surface-accent para branco em seções escuras
   via .h2-secao.h2-contrast-light-text — o accordion tem fundo branco e precisa
   texto escuro independente do fundo da seção. */
body:not(.path-admin) .h2-secao--faq .accordion-button {
  font-weight: 600;
  font-size: 1rem;
  color: var(--hm2-color-heading, #1a1a2e);
  background-color: transparent;
}

/* 5. Estado aberto: cor primária + fundo transparente */
body:not(.path-admin) .h2-secao--faq .accordion-button:not(.collapsed) {
  color: var(--hm2-color-primary, #0d6efd);
  background-color: transparent;
  box-shadow: none;
}

/* 6. Chevron herda cor do botão quando aberto */
body:not(.path-admin) .h2-secao--faq .accordion-button:not(.collapsed)::after {
  filter: none;
}

/* 7. Resposta — tipografia */
/* Nota: h2-secao.css aplica color:#fff diretamente em 'p' dentro de
   .h2-contrast-light-text. O seletor abaixo tem especificidade maior
   (3 classes + elemento) e sobrescreve a regra de fundo escuro. */
body:not(.path-admin) .h2-secao--faq .hm2-faq-resposta {
  font-size: 0.9375rem;
  line-height: 1.7;
}

body:not(.path-admin) .h2-secao--faq .hm2-faq-resposta,
body:not(.path-admin) .h2-secao--faq .hm2-faq-resposta p {
  color: #6b7280;
}

body:not(.path-admin) .h2-secao--faq .hm2-faq-resposta p:last-child {
  margin-bottom: 0;
}

/* 8. Itens colados — sem gap entre perguntas (padrão accordion Bootstrap) */
/* Redefine tokens de superfície dentro do accordion-item (sempre fundo branco,
   independente do fundo da seção — evita texto branco em fundo branco em lp-fundo-6). */
body:not(.path-admin) .h2-secao--faq .accordion-item {
  --hm2-on-surface-accent: var(--hm2-color-heading, #1a1a2e);
  --hm2-on-surface-muted: #6b7280;
  margin: 0;
  border-radius: 0;
}

body:not(.path-admin) .h2-secao--faq .accordion-item:first-child {
  border-top-left-radius: var(--bs-accordion-border-radius);
  border-top-right-radius: var(--bs-accordion-border-radius);
}

body:not(.path-admin) .h2-secao--faq .accordion-item:last-child {
  border-bottom-left-radius: var(--bs-accordion-border-radius);
  border-bottom-right-radius: var(--bs-accordion-border-radius);
}

body:not(.path-admin) .h2-secao--faq .accordion-item:not(:first-child) {
  border-top: 0;
}