.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-021184f *//* Container maakt horizontaal swipen mogelijk op mobiel */
.tbl-wrap {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;           /* Firefox */
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  background: #fff;
}

/* Optioneel: subtiele scrollbar op WebKit */
.tbl-wrap::-webkit-scrollbar { height: 8px; }
.tbl-wrap::-webkit-scrollbar-thumb {
  background: #cfd4da;
  border-radius: 8px;
}

/* Tabel styling */
.tbl-compare {
  width: 100%;
  border-collapse: collapse;
  min-width: 720px;                /* forceer scroll op kleine schermen */
  font: 16px/1.5 system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}

.tbl-compare caption {
  text-align: left;
  font-weight: 600;
  padding: 12px 14px;
  color: #111827;
}

.tbl-compare thead th {
  text-align: left;
  background: #f3f4f6;
  color: #111827;
  font-weight: 600;
  padding: 12px 14px;
  border-bottom: 1px solid #e5e7eb;
}

.tbl-compare tbody th[scope="row"] {
  width: 26%;
  background: #fafafa;
  font-weight: 600;
  color: #111827;
}

.tbl-compare th,
.tbl-compare td {
  vertical-align: top;
  padding: 12px 14px;
  border-bottom: 1px solid #e5e7eb;
}

/* Lijnafwisseling voor betere leesbaarheid */
.tbl-compare tbody tr:nth-child(even) td,
.tbl-compare tbody tr:nth-child(even) th[scope="row"] {
  background: #fcfcfc;
}

/* Lijsten netjes in cellen */
.tbl-compare td ul {
  margin: 0;
  padding-left: 18px;
}

/* Toegankelijkheid: focus-stijl voor keyboard gebruikers */
.tbl-wrap:focus {
  outline: 2px solid #2563eb;
  outline-offset: 2px;
}

/* Kleinere schermen: iets compactere typografie */
@media (max-width: 480px) {
  .tbl-compare {
    min-width: 660px; /* iets smaller zodat mobiel sneller kan scrollen */
    font-size: 15px;
  }
  .tbl-compare th,
  .tbl-compare td { padding: 10px 12px; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7c257d9 *//* Wrapper: echte horizontale swipe */
.subsidie-tabel-wrap{
  overflow-x:auto; -webkit-overflow-scrolling:touch;
  touch-action:pan-x pan-y; overscroll-behavior-x:contain;
  position:relative; scrollbar-width:thin;
}

/* Optionele scroll-hint rechts */
.subsidie-tabel-wrap::after{
  content:""; position:sticky; right:0; top:0; width:28px; height:100%;
  pointer-events:none; background:linear-gradient(to left, rgba(0,0,0,.07), rgba(0,0,0,0));
}

/* Basis: nette tabel */
.subsidie-tabel{
  width:100%; border-collapse:collapse; margin:20px 0;
  font:16px/1.5 Arial, sans-serif; background:#fff; border:1px solid #ddd;
  border-radius:8px; overflow:hidden; box-shadow:0 2px 10px rgba(0,0,0,.05);
}

/* 🔧 MOBIEL RESET – geldt alleen voor tabellen met data-swipe="1"
   Hiermee neutraliseer je de oude 'cards' CSS die alles kapot maakt. */
@media (max-width:768px){
  .subsidie-tabel[data-swipe]{
    /* forceer horizontale scroll i.p.v. stapelen */
    min-width:720px;                   /* pas aan: 640–960px */
    table-layout:auto;
  }
  .subsidie-tabel[data-swipe] thead{ display:table-header-group !important; }
  .subsidie-tabel[data-swipe] tbody{ display:table-row-group !important; }
  .subsidie-tabel[data-swipe] tr{ display:table-row !important; margin:0 !important; border:0 !important; padding:0 !important; }
  .subsidie-tabel[data-swipe] th,
  .subsidie-tabel[data-swipe] td{
    display:table-cell !important; position:static !important; text-align:left !important;
    padding:12px 15px !important; border:1px solid #eee !important;
    white-space:nowrap;               /* voorkom in elkaar drukken; scroll i.p.v. wrappen */
  }
  .subsidie-tabel[data-swipe] td::before{ content:none !important; }
  /* (Optioneel) sticky eerste kolom tijdens swipen */
  .subsidie-tabel[data-swipe] td:first-child,
  .subsidie-tabel[data-swipe] th:first-child{
    position:sticky; left:0; background:#fff; z-index:1;
    box-shadow:8px 0 12px -12px rgba(0,0,0,.25);
  }
}

/* Caption & kopjes */
.subsidie-tabel caption{
  font-weight:bold; margin:0; text-align:left; padding:12px 15px;
  background:#f9fafb; border-bottom:1px solid #eee;
}
.subsidie-tabel th{ background:#f4f4f4; font-weight:bold; }/* End custom CSS */