/* Loomah FAQ — lista de perguntas frequentes.
   Só tokens do Design System, nada de hex, tudo em @layer lm.overrides, e
   enfileirado depois do DS (a camada é criada pela primeira menção, e quem
   cria primeiro fica com a menor precedência). */

@layer lm.overrides {

  /* Medida de leitura, centrada no espaço que o tema der. Embutido numa
     coluna mais estreita (a página do evento), o limite não morde e o centro
     coincide com a própria coluna. */
  .lfq-faq { max-inline-size: 48rem; margin-inline: auto; }
  .lfq-busca { max-inline-size: 28rem; }

  .lfq-grupos { display: grid; gap: var(--lm-space-10); }
  .lfq-grupo { display: grid; gap: var(--lm-space-4); }
  .lfq-assunto { margin: 0; font-size: var(--lm-font-size-lg); color: var(--lm-text-strong); }

  /* 1.4.1 — o respiro entre pergunta e resposta (12 px) e as margens das
     pontas agora vêm do próprio DS (3.15.0), com os mesmos valores que
     moravam aqui. */

  /* Medida de leitura: a 48rem, com a resposta em 14px, a linha passava de
     100 caracteres. O texto para antes da borda direita do cartão. */
  .lfq-faq .lm-accordion-body > * { max-inline-size: 68ch; }

  .lfq-contato .lm-card-body { display: flex; flex-wrap: wrap; align-items: center; gap: var(--lm-space-4); }
  .lfq-contato .lm-card-body > div { flex: 1 1 16rem; }
  .lfq-contato p { margin: 0; }
  .lfq-contato-icone {
    inline-size: var(--lm-space-12); block-size: var(--lm-space-12);
    display: grid; place-items: center; flex: none;
    border-radius: var(--lm-radius-full);
    background: var(--lm-surface-hover);
    color: var(--lm-text-accent);
    font-size: var(--lm-font-size-xl);
  }

  @media (max-width: 40rem) {
    .lfq-grupos { gap: var(--lm-space-8); }
    .lfq-contato .lm-card-body { flex-direction: column; align-items: flex-start; }
    .lfq-contato .lm-btn { inline-size: 100%; }
  }
}