/* =========================================
   MMCSPECS FAQ (Accordion)
   File: assets/faq.css
========================================= */

/* FAQ short desc */
.mmcspecs-faq-desc{
  font-family: yekanbakh !important;
  font-weight: 500 !important;
  font-style: normal !important;
  font-size: 16px !important;
  line-height: 32px !important;
  text-align: justify !important;
  color: #808080 !important;
}

/* Wrapper */
.mmcspecs-faq-accordion{
  width: 100% !important;
}

/* Item spacing */
.mmcspecs-faq-item{
  margin-bottom: 12px !important;
  border-radius: 8px !important;
}
.mmcspecs-faq-item:last-child{
  margin-bottom: 0 !important;
}

/* Head (default closed) */
.mmcspecs-faq-head{
  width: 100% !important;
  min-height: 60px !important;

  padding: 16px !important;
  border: 1px solid #D6D6D6 !important;
  border-radius: 8px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;

  background: transparent !important;
  cursor: pointer !important;
  text-align: right !important;

  box-shadow: none !important;
  outline: none !important;
  -webkit-tap-highlight-color: transparent !important;
}

.mmcspecs-faq-q{
  font-family: yekanbakh !important;
  font-weight: 500 !important;
  font-style: normal !important;
  font-size: 16px !important;
  line-height: 32px !important;
  color: #1E2023 !important;
  text-align: right !important;

  flex: 1 1 auto !important;
  min-width: 0 !important;
}

.mmcspecs-faq-icon{
  width: 20px !important;
  height: 20px !important;
  flex: 0 0 20px !important;
  display: block !important;
}

/* No hover/active/focus visuals */
.mmcspecs-faq-head:hover,
.mmcspecs-faq-head:active,
.mmcspecs-faq-head:focus,
.mmcspecs-faq-head:focus-visible{
  background: transparent !important;
  box-shadow: none !important;
  outline: none !important;
  filter: none !important;
}

/* Body (animated) */
.mmcspecs-faq-body{
  overflow: hidden !important;
  max-height: 0;              /* IMPORTANT: بدون !important */
  opacity: 0;                 /* بدون !important */
  padding: 0 16px !important;
  transition: max-height .35s ease, opacity .25s ease !important;
}


/* Answer text */
.mmcspecs-faq-a{
  font-family: yekanbakh !important;
  font-weight: 500 !important;
  font-style: normal !important;
  font-size: 16px !important;
  line-height: 32px !important;
  text-align: justify !important;
  color: #1E2023 !important;

  padding-top: 8px !important;
}

/* OPEN state: border on whole item */
.mmcspecs-faq-item.is-open{
  border: 1px solid #1E2023 !important;
  border-radius: 8px !important;
}

/* When open, head has no border and keeps top radius */
.mmcspecs-faq-item.is-open .mmcspecs-faq-head{
  border: 0 !important;
  border-radius: 8px 8px 0 0 !important;
}

/* When open, body becomes visible (max-height set by JS) */
.mmcspecs-faq-item.is-open .mmcspecs-faq-body{
  opacity: 1 !important;
  padding: 0 16px 16px 16px !important;
}
div#mmcspecs-faq-1304-1 {
    max-width: 100% !important;
}
@media (max-width: 768px){

  /* اجازه بده متن سوال چند خط بشه و بیرون نزنه */
  .mmcspecs-faq-q{
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
  }

  /* وقتی متن چندخطی شد، هد ارتفاعش خودکار بشه */
  .mmcspecs-faq-head{
    height: auto !important;
    min-height: 60px !important;
    align-items: flex-start !important; /* آیکن کنار خط اول */
  }

  /* آیکن ثابت و هم‌تراز با خط اول */
  .mmcspecs-faq-icon{
    flex: 0 0 20px !important;
    margin-top: 2px !important;
  }
}