/* Frontend styles for Privatenode Site Tools
 *
 * These styles control the behavior and appearance of Schema FAQ sections and
 * can be extended in the future for additional enhancements. Keeping these
 * styles in a separate CSS file allows easy updates without cluttering the
 * global theme styles.
 */

/* Hide the answer by default */
.schema-faq-answer {
    display: none;
}

/* Show the answer when the section has the 'is-open' class */
.schema-faq-section.is-open .schema-faq-answer {
    display: block;
}

/* Make the question appear interactive */
.schema-faq-question {
    cursor: pointer;
}



/***--- Yoast SEO FAQ Style Overrides ---***/
.schema-faq-section {
  margin-bottom: 1rem;
  border: solid 0.01rem var(--wp--preset--color--custom-alternate-tint) !important;
  border-radius: var(--wp--preset--border-radius--xs);
}

.schema-faq-question {
  display: flex;
  align-items: center;
  gap: 1rem;
  background-color: var(--wp--preset--color--custom-alternate-tint) !important;
  padding: 0.75rem 2rem;  cursor: pointer;
  font-size: 1.05rem !important;
  font-weight: 500;
  border-radius: var(--wp--preset--border-radius--xs);
}

.schema-faq-question::after {
  content: "+";
  font-size: 1.05rem;
  line-height: 1;
}

.schema-faq-section.is-open {
  border: solid 0.01rem var(--wp--preset--color--custom-alternate-tint) !important;
  border-radius: var(--wp--preset--border-radius--xs);
}

.schema-faq-section.is-open .schema-faq-question::after {
  content: "–";
}

.schema-faq-answer {
  display: none;
  margin: 0;
  padding: 1rem 2rem;
}

.schema-faq-section.is-open .schema-faq-answer {
  display: block;
}

/*------------------------*/