/* =========================================================
   FONIFIX — FAQ (NO BOXES) — hero-aligned + theme-proof
   Fixes in deze versie:
   ✅ GEEN omkadering / GEEN radius / GEEN focus “pill”
   ✅ GEEN ... (geen line-clamp / geen ellipsis)
   ✅ Mobiel: vraag mag gerust 3+ lijnen → ALLES leesbaar
   ✅ Tekst kan nooit uit beeld duwen (flex min-width fix)
========================================================= */

/* Force onder elkaar (werkt in flex/grid/float layouts) */
.fx-faq-block{
  display:block;
  width:100%;
  max-width:100%;
  clear:both;
  float:none;
  flex:0 0 100%;
  align-self:stretch;
  grid-column:1 / -1;
  box-sizing:border-box;
}

/* Isolatie */
.fx-faq-block,
.fx-faq-block *{ box-sizing:border-box; }

.fx-faq-block{
  font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,Helvetica,sans-serif;
  color:#1E293B;
  background:none !important;
}

/* spacing */
.fx-faq-block .fx-container{
  padding:56px 0;
  display:block;
  width:100%;
  max-width:100%;
  clear:both;
  float:none;
  flex:0 0 100%;
  box-sizing:border-box;
}

/* ✅ HERO STARTLIJN */
.fx-faq-block .fx-inner{
  max-width:1400px;
  margin:0 auto;
  padding:0 0px;
  box-sizing:border-box;
}

/* Title & intro */
.fx-faq-block .fx-h2{
  font-size:28px;
  font-weight:900;
  margin:0 0 8px;
  color:#0f2940;
}
.fx-faq-block .fx-intro{
  margin:0 0 22px;
  color:rgba(15,41,64,.72);
  font-weight:700;
  max-width:720px;
}

/* FAQ list = enkel lijnen */
.fx-faq-block .fx-faq-list{
  max-width:820px;
  display:block;
  margin:0;
  padding:0;
}

/* ✅ ITEM: geen boxes, geen radius, geen overflow-clips */
.fx-faq-block .fx-faq-item{
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  overflow:visible !important;
  margin:0 !important;
  padding:0 !important;

  border-top:1px dashed rgba(15,41,64,.18) !important;
}
.fx-faq-block .fx-faq-item:first-child{ border-top:0 !important; }

/* Summary row */
.fx-faq-block .fx-faq-item summary{
  list-style:none !important;
  cursor:pointer;

  /* ✅ iets “lucht” zodat tekst nooit tegen randen komt */
  padding:16px 0 !important;

  display:flex;
  align-items:flex-start;             /* ✅ beter bij meerdere lijnen */
  justify-content:space-between;
  gap:14px;

  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  outline:0 !important;
  text-decoration:none !important;
}
.fx-faq-block .fx-faq-item summary::-webkit-details-marker{ display:none !important; }
.fx-faq-block .fx-faq-item summary::marker{ content:"" !important; }

/* ✅ Vraag: altijd volledig leesbaar */
.fx-faq-block .fx-faq-item summary > span:not(.fx-plus){
  font-size:16px;
  font-weight:1000;
  color:#0f2940;

  margin:0 !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  text-decoration:none !important;

  /* ✅ CRUCIAAL: laat tekst krimpen binnen flex zodat het nooit uit beeld duwt */
  min-width:0 !important;
  flex:1 1 auto !important;

  /* ✅ GEEN clamp/ellipsis: alles mag wrappen */
  display:block !important;
  white-space:normal !important;
  overflow:visible !important;
  text-overflow:clip !important;
  word-break:break-word !important;
  overflow-wrap:anywhere !important;

  line-height:1.25 !important;
}

/* Plus rechts: geen cirkel / geen radius */
.fx-faq-block .fx-plus{
  flex:0 0 auto !important;

  width:auto !important;
  height:auto !important;
  min-width:0 !important;
  min-height:0 !important;

  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;

  display:inline-flex !important;
  align-items:center;
  justify-content:center;

  padding:0 !important;
  margin:0 !important;

  font-weight:1000;
  line-height:1 !important;
  color:#FF6B3B !important;
}
.fx-faq-block .fx-plus::before{ content:"+"; font-size:20px; }
.fx-faq-block details[open] .fx-plus::before{ content:"−"; }

/* Answer */
.fx-faq-block .fx-faq-item p{
  margin:0 !important;
  padding:0 0 16px 0 !important;
  color:rgba(15,41,64,.78) !important;
  font-weight:400 !important;
  line-height:1.6 !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;

  overflow-wrap:anywhere !important;
  word-break:break-word !important;
}

/* ✅ Focus: geen “omkadering met radius” meer */
.fx-faq-block .fx-faq-item summary:focus,
.fx-faq-block .fx-faq-item summary:focus-visible{
  outline:none !important;
  box-shadow:none !important;
  border-radius:0 !important;
}

/* Mobile spacing */
@media(max-width:700px){
  .fx-faq-block .fx-container{ padding:44px 0; }

  /* iets meer ruimte voor meerdere lijnen */
  .fx-faq-block .fx-faq-item summary{
    padding:16px 0 !important;
  }
}