.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-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-131fdfc2 *//* Container zorgt voor horizontaal scrollen op kleine schermen */
.table-scroll {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch; /* soepel swipen op iOS */
}

/* Optioneel: subtiele horizontale scrollbar */
.table-scroll::-webkit-scrollbar {
  height: 8px;
}
.table-scroll::-webkit-scrollbar-thumb {
  background: #cfcfcf;
  border-radius: 4px;
}

/* Basis tabel-styling */
.brand-table {
  width: 100%;
  border-collapse: collapse;
  min-width: 520px; /* houdt kolommen leesbaar op mobiel (scrollt i.p.v. proppen) */
  font-size: 16px;
  line-height: 1.4;
}

.brand-table caption {
  text-align: left;
  font-weight: 600;
  margin-bottom: 0.5rem;
}

.brand-table th,
.brand-table td {
  padding: 12px 14px;
  border-bottom: 1px solid #e7e7e7;
  text-align: left;
  vertical-align: top;
}

/* Kop rij */
.brand-table thead th {
  background: #fafafa;
  font-weight: 600;
  white-space: nowrap;
}

/* Zebra-rijen voor betere leesbaarheid */
.brand-table tbody tr:nth-child(even) td {
  background: #fcfcfc;
}

/* Swipe-hint alleen tonen op smal scherm */
.swipe-hint {
  display: none;
  margin: 8px 0 0;
  font-size: 14px;
  color: #666;
}

@media (max-width: 768px) {
  .brand-table {
    font-size: 15px;
    min-width: 560px; /* iets breder dan 3 kolommen, zodat horizontaal scrollen actief is */
  }
  .brand-table th,
  .brand-table td {
    padding: 10px 12px;
  }
  .swipe-hint {
    display: block;
  }
}

/* Belangrijk: de eerste kolom is NIET sticky/fixed (dus geen position: sticky) *//* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-38e94d9 *//* Scrollbare container voor mobiel */
.table-scroll {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.table-scroll::-webkit-scrollbar {
  height: 8px;
}
.table-scroll::-webkit-scrollbar-thumb {
  background: #cfcfcf;
  border-radius: 4px;
}

/* Basis tabel-styling */
.cost-table {
  width: 100%;
  border-collapse: collapse;
  min-width: 420px; /* zodat kolommen op mobiel niet te smal worden */
  font-size: 16px;
  line-height: 1.4;
}

.cost-table caption {
  text-align: left;
  font-weight: 600;
  margin-bottom: 0.5rem;
}

.cost-table th,
.cost-table td {
  padding: 12px 14px;
  border-bottom: 1px solid #e7e7e7;
  text-align: left;
}

.cost-table thead th {
  background: #fafafa;
  font-weight: 600;
  white-space: nowrap;
}

/* Zebra-rijen */
.cost-table tbody tr:nth-child(even) td {
  background: #fcfcfc;
}

/* Swipe hint voor kleine schermen */
.swipe-hint {
  display: none;
  margin: 8px 0 0;
  font-size: 14px;
  color: #666;
}

@media (max-width: 768px) {
  .cost-table {
    font-size: 15px;
    min-width: 480px;
  }
  .cost-table th,
  .cost-table td {
    padding: 10px 12px;
  }
  .swipe-hint {
    display: block;
  }
}

/* Eerste kolom blijft NIET sticky *//* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-55d771fe *//* Scrollbare container voor mobiel */
.table-scroll {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.table-scroll::-webkit-scrollbar {
  height: 8px;
}
.table-scroll::-webkit-scrollbar-thumb {
  background: #cfcfcf;
  border-radius: 4px;
}

/* Basis tabel-styling */
.cw-table {
  width: 100%;
  border-collapse: collapse;
  min-width: 560px; /* iets breder zodat kolommen niet samendrukken */
  font-size: 16px;
  line-height: 1.4;
}

.cw-table caption {
  text-align: left;
  font-weight: 600;
  margin-bottom: 0.5rem;
}

.cw-table th,
.cw-table td {
  padding: 12px 14px;
  border-bottom: 1px solid #e7e7e7;
  text-align: left;
  vertical-align: top;
}

.cw-table thead th {
  background: #fafafa;
  font-weight: 600;
  white-space: nowrap;
}

/* Zebra-rijen */
.cw-table tbody tr:nth-child(even) td {
  background: #fcfcfc;
}

/* Swipe hint voor kleine schermen */
.swipe-hint {
  display: none;
  margin: 8px 0 0;
  font-size: 14px;
  color: #666;
}

@media (max-width: 768px) {
  .cw-table {
    font-size: 15px;
    min-width: 600px;
  }
  .cw-table th,
  .cw-table td {
    padding: 10px 12px;
  }
  .swipe-hint {
    display: block;
  }
}

/* Eerste kolom blijft NIET sticky *//* End custom CSS */