/*
Theme Name: Flatsome Child Faq ML
Version: 1.00
*/

.faq-ml-wrap {
  margin: 40px 0;
  padding: 36px 40px;
  background: #FAF6F0;
  border-radius: 12px;
  border-left: 4px solid #B89B7A;
}

.faq-item {
  margin-bottom: 8px;
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid #E8DDD3;
}

.faq-item .faq-question {
  margin: 0 !important;
  padding: 14px 48px 14px 18px !important;
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  color: #5C4A30 !important;
  background: #F3EBE0 !important;
  cursor: pointer !important;
  position: relative !important;
  border-radius: 8px !important;
  transition: background 0.2s ease;
}

.faq-item .faq-question:hover {
  background: #EDE0D0 !important;
}

.faq-item .faq-question::after {
  content: "+";
  position: absolute;
  right: 18px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 1.3rem;
  font-weight: 300;
  color: #8A6E4B;
}

.faq-item.active .faq-question {
  background: #B89B7A !important;
  color: #FAF6F0 !important;
  border-radius: 8px 8px 0 0 !important;
}

.faq-item.active .faq-question::after {
  content: "−";
  color: #FAF6F0;
}

.faq-answer {
  display: none;
  padding: 16px 18px;
  background: #FFFFFF;
  border-top: 1px solid #E8DDD3;
  border-radius: 0 0 8px 8px;
}

.faq-answer p {
  margin: 0 !important;
  font-size: 0.92rem !important;
  color: #374151 !important;
  line-height: 1.7 !important;
}

.faq-answer a {
  color: #8A6E4B !important;
  text-decoration: underline !important;
}

.faq-item.active .faq-answer {
  display: block;
}

@media (max-width: 640px) {
  .faq-ml-wrap {
    padding: 24px 20px;
  }
  .faq-item .faq-question {
    font-size: 0.88rem !important;
    padding-right: 40px !important;
  }
}