/*
 * Huamantla Core 5.0.44 — FAQ semantic stability.
 *
 * A heading tag (H2/H3/H4...) must not change the approved visual size of
 * accordion questions. The heading is a semantic wrapper; the summary remains
 * the visual typography owner. This file is intentionally small and targeted.
 */

.hd-faq-item > summary > .hd-faq-question-title,
.hd-faq__question > .hd-faq__question-title {
  display: block;
  min-width: 0;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  font-family: inherit !important;
  font-style: inherit !important;
  color: inherit !important;
  letter-spacing: inherit !important;
  text-transform: inherit !important;
  text-decoration: inherit !important;
  text-wrap: inherit !important;
}

/* Structured FAQ: exact approved visual typography, independent of H1-H6. */
.hd-faq-item > summary > .hd-faq-question-title {
  font-size: 0.95rem !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
}

/* Legacy FAQ keeps any typography selected on its summary control. */
.hd-faq__question > .hd-faq__question-title {
  font-size: 1em !important;
  font-weight: inherit !important;
  line-height: inherit !important;
}

/* The modern cultural FAQ summary owns the two-column accordion layout. */
.hd-faq-item > summary > .hd-faq-question-title {
  grid-column: 1;
  grid-row: 1;
}

.hd-faq-item > summary > .hd-faq-icon {
  grid-column: 2;
  grid-row: 1;
}

/* Avoid default heading margins injected by Elementor kits in the editor. */
body.hd-elementor-preview .hd-faq-item > summary > .hd-faq-question-title,
body.hd-elementor-preview .hd-faq__question > .hd-faq__question-title {
  margin-block: 0 !important;
}

@media (max-width: 720px) {
  .hd-faq-item > summary > .hd-faq-question-title {
    font-size: 0.875rem !important;
  }
}