.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-accordion .elementor-accordion-icon, .elementor-widget-accordion .elementor-accordion-title{color:var( --e-global-color-primary );}.elementor-widget-accordion .elementor-accordion-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-accordion .elementor-active .elementor-accordion-icon, .elementor-widget-accordion .elementor-active .elementor-accordion-title{color:var( --e-global-color-accent );}.elementor-widget-accordion .elementor-active .elementor-accordion-icon svg{fill:var( --e-global-color-accent );}.elementor-widget-accordion .elementor-accordion-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-accordion .elementor-tab-content{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}/* Start custom CSS for html, class: .elementor-element-b7f6949 *//* Wrapper zorgt voor horizontaal swipen op mobiel */
.zb-table-wrap {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;          /* Firefox */
  margin: 1rem 0;
  border: 1px solid #e5e7eb;      /* licht grijs randje */
  border-radius: 12px;
  background: #fff;
}

/* Optioneel: subtiele schaduw die aangeeft dat je kunt scrollen */
.zb-table-wrap:has(.zb-table) {
  box-shadow: 0 1px 2px rgba(0,0,0,.06);
}

/* Basis tabelstijl */
.zb-table {
  border-collapse: collapse;
  width: 100%;
  /* Min-breedte dwingt horizontaal scrollen op small screens */
  min-width: 760px;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-size: 16px;
  line-height: 1.45;
}

/* Caption: SEO + toegankelijkheid */
.zb-table caption {
  text-align: left;
  font-weight: 600;
  padding: .75rem 1rem;
  color: #111827;
}

/* Koprij */
.zb-table thead th {
  position: static;               /* niet sticky */
  text-align: left;
  background: #f9fafb;
  color: #111827;
  font-weight: 600;
  border-bottom: 1px solid #e5e7eb;
  padding: .875rem 1rem;
  white-space: nowrap;
}

/* Cellen */
.zb-table td {
  padding: .875rem 1rem;
  border-bottom: 1px solid #f1f5f9;
  color: #111827;
  vertical-align: top;
}

/* Zebrastrepen voor leesbaarheid */
.zb-table tbody tr:nth-child(even) td {
  background: #fcfdff;
}

/* Hint-tekst onderaan de tabel (alleen zichtbaar op small screens) */
.zb-table-hint {
  display: none;
  font-size: 14px;
  color: #6b7280;
  padding: .5rem 1rem 1rem 1rem;
}

/* Kleine schermen: iets compactere typografie en hint tonen */
@media (max-width: 640px) {
  .zb-table {
    font-size: 15px;
    min-width: 720px;             /* iets smaller zodat swipen prettig blijft */
  }
  .zb-table-hint {
    display: block;
  }
}

/* Focus styles voor toetsenbord-navigatie en a11y */
.zb-table-wrap:focus {
  outline: 3px solid #93c5fd;     /* duidelijke focusring */
  outline-offset: 2px;
}/* End custom CSS */