/* 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 via tokens */
body:not(.path-admin) .h2-secao--faq .accordion-button {
  font-weight: 600;
  font-size: 1rem;
  color: var(--hm2-on-surface-accent, 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 */
body:not(.path-admin) .h2-secao--faq .hm2-faq-resposta {
  font-size: 0.9375rem;
  color: var(--hm2-on-surface-muted, #6b7280);
  line-height: 1.7;
}

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) */
body:not(.path-admin) .h2-secao--faq .accordion-item {
  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;
}