/* =========================================================
   Mizunara Studio
   Component / FAQ
========================================================= */

/* =========================================================
   CONTAINER
========================================================= */

.faq-container {
  display: flex;

  flex-direction: column;

  gap: 16px;

  max-width: 900px;

  margin:
    45px
    auto
    0;
}

/* =========================================================
   ITEM
========================================================= */

.faq-item {
  padding:
    0
    24px;

  overflow: hidden;

  border-radius: 24px;
}

/* =========================================================
   QUESTION
========================================================= */

.faq-item summary {
  position: relative;

  padding:
    22px
    0;

  list-style: none;

  font-weight: 600;

  cursor: pointer;

  -webkit-tap-highlight-color:
    transparent;
}

.faq-item summary::-webkit-details-marker {
  display: none;
}

/* =========================================================
   PLUS ICON
========================================================= */

.faq-item summary::after {
  content: "+";

  position: absolute;

  right: 0;

  color: var(--gold);

  font-size: 1.6rem;

  transition:
    transform 0.3s ease;
}

.faq-item[open] summary::after {
  transform:
    rotate(45deg);
}

/* =========================================================
   ANSWER
========================================================= */

.faq-item p {
  padding-bottom: 22px;

  line-height: 1.7;

  opacity: 0.85;
}