/**
 * Styles dedies au bloc/layout FAQ Vernalis.
 * Separes des styles de la page FAQ historique.
 *
 * @package Vernalis_Faq
 */

.vernalis-faq-wrapper-block {
  margin-block: 3.5rem;
  padding: 2rem;
  padding-top: 2rem;
  border: 1px solid #d7dfc8;
  border-radius: 2.4rem;
  background: linear-gradient(
    180deg,
    var(--vernalis-faq-background-color-soft) 0%,
    var(--vernalis-faq-background-color) 100%
  );
  box-shadow: 0 20px 45px rgba(0, 24, 34, 0.08);
}

.vernalis-faq-wrapper-block .vernalis-faq-block-title {
  margin-bottom: 2.5rem;
}

.vernalis-faq-wrapper-block .vernalis-faq-content {
  padding: 2rem;
  border: 1px solid rgba(0, 24, 34, 0.08);
  border-radius: 1.8rem;
  background-color: white;
}

.vernalis-faq-wrapper-block .vernalis-faq-rubrique + .vernalis-faq-rubrique {
  margin-top: 2.4rem;
  padding-top: 2.4rem;
  border-top: 1px solid rgba(0, 24, 34, 0.12);
}

.vernalis-faq-wrapper-block .vernalis-faq-item {
  overflow: hidden;
  border: 1px solid rgba(0, 24, 34, 0.1);
  border-radius: 1.4rem;
  background-color: white;
  box-shadow: 0 8px 24px rgba(0, 24, 34, 0.05);
}

.vernalis-faq-wrapper-block .vernalis-faq-question {
  min-height: 4rem;
}

.vernalis-faq-wrapper-block .vernalis-faq-answer-content {
  border-top: 1px solid rgba(0, 24, 34, 0.08);
}

@media (max-width: 768px) {
  .vernalis-faq-wrapper-block {
    margin-block: 2.5rem;
    padding: 2rem 1.6rem;
    border-radius: 1.8rem;
  }

  .vernalis-faq-wrapper-block .vernalis-faq-content {
    padding: 1.4rem;
    border-radius: 1.4rem;
  }
}