/* FAQ-Akkordeon
   Ablage: /wp-content/themes/enfold-child/css/model-faq.css */

#top .model-faq{
  --faq-card: #fff;
  --faq-border: #e8e7ee;
  --faq-radius: 14px;
  --faq-gap: 10px;
  --faq-text: #18142c;
  --faq-muted: #6f6c85;
  --faq-accent: #f26a21;
  --faq-shadow: 0 1px 3px rgba(24,20,44,.05);
}

#top .model-faq__title{
  margin: 0 0 6px;
  color: var(--faq-text);
}

#top .model-faq__intro{
  margin: 0 0 20px;
  color: var(--faq-muted);
  font-size: 14.5px;
  line-height: 1.5;
}

#top .model-faq__list{
  display: flex;
  flex-direction: column;
  gap: var(--faq-gap);
}


/* --- Einzelne Frage -------------------------------------------------- */

#top .model-faq__item{
  background: var(--faq-card);
  border: 1px solid var(--faq-border);
  border-radius: var(--faq-radius);
  box-shadow: var(--faq-shadow);
  overflow: hidden;
  transition: border-color .15s ease, box-shadow .15s ease;
}

#top .model-faq__item[open]{
  border-color: #dcdae6;
  box-shadow: 0 4px 16px rgba(24,20,44,.07);
}

/* Zusammenklapp-Zeile */
#top .model-faq__question{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 18px 22px;
  cursor: pointer;
  list-style: none;
  font-size: 15.5px;
  font-weight: 700;
  line-height: 1.4;
  color: var(--faq-text);
  transition: color .15s ease;
}

/* Standard-Dreieck der Browser entfernen */
#top .model-faq__question::-webkit-details-marker{ display: none; }
#top .model-faq__question::marker{ content: ""; }

#top .model-faq__question:hover{
  color: var(--faq-accent);
}

#top .model-faq__question:focus-visible{
  outline: 3px solid var(--faq-accent);
  outline-offset: -3px;
  border-radius: var(--faq-radius);
}

#top .model-faq__text{
  flex: 1 1 auto;
  min-width: 0;
}

#top .model-faq__icon{
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: #f4f3f8;
  color: var(--faq-text);
  transition: transform .22s ease, background .15s ease, color .15s ease;
}

#top .model-faq__item[open] .model-faq__icon{
  transform: rotate(180deg);
  background: var(--faq-accent);
  color: #fff;
}


/* --- Antwort --------------------------------------------------------- */

#top .model-faq__answer{
  padding: 0 22px 20px;
  color: var(--faq-muted);
  font-size: 14.5px;
  line-height: 1.6;
}

#top .model-faq__answer > *:first-child{ margin-top: 0; }
#top .model-faq__answer > *:last-child { margin-bottom: 0; }

#top .model-faq__answer p{
  margin: 0 0 10px;
}

#top .model-faq__answer a{
  color: var(--faq-accent);
  text-decoration: underline;
}

#top .model-faq__answer ul,
#top .model-faq__answer ol{
  margin: 0 0 10px 20px;
}

/* Sanftes Aufklappen, wo unterstützt */
@supports (interpolate-size: allow-keywords){
  #top .model-faq__item{
    interpolate-size: allow-keywords;
  }
}


/* --- Schmale Viewports ---------------------------------------------- */

@media only screen and (max-width: 767px){

  #top .model-faq__question{
    padding: 16px 16px;
    font-size: 15px;
    gap: 12px;
  }

  #top .model-faq__answer{
    padding: 0 16px 18px;
  }
}


@media (prefers-reduced-motion: reduce){

  #top .model-faq__item,
  #top .model-faq__question,
  #top .model-faq__icon{
    transition: none;
  }
}