/* FAQ Styles */
.wp-block-yoast-faq-block {
  @apply max-w-3xl mx-auto mt-8;
}

.schema-faq-section {
  @apply border-b border-gray-200 pb-4;
}

.wp-block-yoast-faq-block .schema-faq-question {
  @apply text-gray-900 text-lg font-semibold leading-6 pt-4 pb-4 cursor-pointer transition-colors duration-200;
  @apply flex justify-between items-center w-full;
}

.wp-block-yoast-faq-block .schema-faq-question:hover {
  @apply text-gray-900;
}

.wp-block-yoast-faq-block .schema-faq-question.active {
  @apply text-gray-900;
}

/* Remove the magnifying glass */
.wp-block-yoast-faq-block .schema-faq-question::after {
  content: none !important;
}

/* Chevron icon styles */
.faq-chevron {
  @apply w-5 h-5 transition-transform duration-300 ease-in-out;
  transform: rotate(0deg);
}

.faq-chevron.rotated {
  transform: rotate(180deg);
}

/* Answer styles */
.wp-block-yoast-faq-block .schema-faq-answer {
  @apply text-gray-600 text-lg leading-relaxed;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease-in-out, padding 0.3s ease-in-out;
  padding-top: 0;
  padding-bottom: 0;
}

.wp-block-yoast-faq-block .schema-faq-answer.open {
  max-height: 1000px;
  @apply pt-2 pb-4;
}

/* Link styles in FAQ answers */
.wp-block-yoast-faq-block .schema-faq-answer a {
  @apply text-primary-500 transition-colors duration-200;
}

.wp-block-yoast-faq-block .schema-faq-answer a:hover {
  @apply text-primary-600 underline;
}

/* Focus styles for accessibility */
.wp-block-yoast-faq-block .schema-faq-question:focus {
  @apply outline-none;
}