/* Filters */
.vaf-filters{display:grid;gap:14px}
.vaf-filter label{font-weight:600;margin-bottom:6px;display:block}
.vaf-filter input,.vaf-filter select{width:100%;padding:10px;border-radius:8px;border:1px solid #ddd}

/* Results wrapper */
.vaf-cards{display:block !important}
.vaf-card{width:100%}
.vaf-card + .vaf-card{margin-top:24px}

/* Stop layout shifting after AJAX */
.vaf-card .vaf-inner-row{
  width:100% !important;
  max-width:100% !important;
  margin-left:0 !important;
  margin-right:0 !important;
}

/* Keep checklist aligned and not pushed */
.vaf-card .vaf-checklist{
  margin-top:18px;
  margin-bottom:0;
}

/* Excerpt spacing */
.vaf-card .vaf-excerpt{margin-top:22px}
.vaf-card .vaf-cta{margin-top:18px}

/* Make sure box sizing is consistent after AJAX inject */
.vaf-results-wrap, .vaf-results-wrap *{box-sizing:border-box}

/* Empty + pagination */
.vaf-empty{padding:16px;background:#f7f7f7;border-radius:12px}
.vaf-pagination{display:flex;gap:12px;align-items:center;margin-top:16px}
.vaf-pagination button{padding:10px 12px;border-radius:10px;border:1px solid #ddd;background:#fff;cursor:pointer}
.vaf-pagination button[disabled]{opacity:.5;cursor:not-allowed}

.vaf-title-link{
  color: #111 !important;
  text-decoration: none !important;
  opacity: 1 !important;
}

/* === VAF CARD ALIGNMENT FIX === */

/* Basis card */
.vaf-card{
  display: block;
  box-sizing: border-box;
}

/* Titel */
.vaf-title{
  margin: 0 0 24px;
}

/* Icons (checklist) strak links uitlijnen */
.vaf-card .fusion-checklist{
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  margin: 0 0 24px;
  padding: 0;
}

.vaf-card .fusion-checklist .fusion-li-item{
  display: flex;
  align-items: center;
  margin: 0;
  padding: 0;
}

/* Icon + tekst spacing fix */
.vaf-card .fusion-li-icon{
  margin-right: 10px;
  min-width: 18px;
}

/* Excerpt spacing */
.vaf-excerpt{
  margin: 0 0 32px;
}

/* CTA knop links houden */
.vaf-card .fusion-button{
  margin-left: 0 !important;
  margin-right: auto !important;
  display: inline-flex;
  align-items: center;
}

/* Verwijder eventuele inner offsets van Fusion */
.vaf-card .fusion-builder-row,
.vaf-card .fusion-builder-row-inner{
  width: 100% !important;
  margin: 0 !important;
}

/* Prevent layout shift after AJAX */
.vaf-results-wrap,
.vaf-results-wrap *{
  box-sizing: border-box;
}

.vaf-results-wrap .fusion-li-item > *{
  margin: 0 !important;
}

/* === NEW: force title/icons/excerpt to align with button (remove inner left padding) === */
.vaf-card .fusion-layout-column,
.vaf-card .fusion-column-wrapper{
  padding-left: 0 !important;
}

.vaf-title,
.vaf-card .fusion-checklist,
.vaf-excerpt{
  margin-left: 0 !important;
}

.vaf-card .fusion-checklist{
  padding-left: 0 !important;
}


/* Button container: full width so it aligns with the text column */
.vaf-card .vaf-cta{
  display: block !important;
  width: 100% !important;
  text-align: left !important;
}

/* Force the Fusion button to start at the same left edge + remove odd offsets */
.vaf-card .vaf-cta .fusion-button{
  float: none !important;
  margin: 0 !important;
  left: 0 !important;
  transform: none !important;
}

/* Make sure the button itself is not inheriting padding from wrappers */
.vaf-card .vaf-cta,
.vaf-card .vaf-cta *{
  box-sizing: border-box;
}


/* === FINAL BUTTON ALIGNMENT FIX === */

/* Trek de Fusion button exact gelijk met tekst */
.vaf-card .fusion-button{
  padding-left: 0 !important;
  margin-left: -2px !important; /* corrigeert Avada inline padding */
}

/* Zorg dat de knopcontainer niets toevoegt */
.vaf-card .vaf-cta{
  padding-left: 0 !important;
}

/* === FIX AVADA ICON-RIGHT TEXT SHIFT === */
.vaf-card .fusion-button[data-hover=icon_position].awb-b-icon-pos-right .fusion-button-text{
  margin-left: 0 !important;
}
.vaf-card .fusion-button[data-hover-icon_position].awb-b-icon-pos-right .fusion-button-text{
  margin-left: 0 !important;
}