.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-b63f658 */.zonneboiler-tabel-container {
  overflow-x: auto;
  margin: 20px 0;
}

.zonneboiler-tabel {
  width: 100%;
  border-collapse: collapse;
  min-width: 600px; /* zorgt dat er mobiel geswipet kan worden */
}

.zonneboiler-tabel th,
.zonneboiler-tabel td {
  border: 1px solid #ddd;
  padding: 10px;
  text-align: left;
  vertical-align: top;
}

.zonneboiler-tabel th {
  background-color: #f2f2f2;
  font-weight: bold;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-509e774 *//* ===== Basis & toegankelijkheid ===== */
#zonneboiler-prijzen.zb-wrap {
  --zb-bg: #ffffff;
  --zb-text: #1a1a1a;
  --zb-muted: #667085;
  --zb-border: #e5e7eb;
  --zb-accent: #0ea5e9;
  --zb-shadow: 0 6px 20px rgba(0,0,0,.08);

  color: var(--zb-text);
  background: var(--zb-bg);
  padding: 1rem 0;
}

#zonneboiler-prijzen .sr-only {
  position: absolute !important;
  width: 1px; height: 1px;
  padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0,0,0,0);
  white-space: nowrap; border: 0;
}

#zonneboiler-prijzen h2 {
  font-size: clamp(1.3rem, 2vw, 1.8rem);
  margin: 0 0 1rem 0;
}

/* ===== Desktop/tablet tabel ===== */
.zb-table-wrap {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  border: 1px solid var(--zb-border);
  border-radius: 12px;
  background: #fff;
}

.zb-table {
  width: 100%;
  border-collapse: collapse;
  min-width: 640px;
  font-size: 0.95rem;
}

.zb-table th,
.zb-table td {
  padding: 14px 16px;
  border-bottom: 1px solid var(--zb-border);
  text-align: left;
  vertical-align: top;
}

.zb-table thead th {
  background: #f8fafc;
  font-weight: 600;
}

.zb-table tbody tr:nth-child(even) td,
.zb-table tbody tr:nth-child(even) th[scope="row"] {
  background: #fcfdff;
}

/* ===== Mobiel swipe cards ===== */
.zb-cards {
  display: none; /* standaard verborgen op desktop */
}

/* Breakpoint voor mobiel: toon kaarten, verberg tabel */
@media (max-width: 768px) {
  .zb-table-wrap { display: none; }

  .zb-cards {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: 82%;
    gap: 14px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 8px;
  }

  .zb-cards::-webkit-scrollbar { height: 8px; }
  .zb-cards::-webkit-scrollbar-thumb {
    background: var(--zb-border);
    border-radius: 999px;
  }

  .zb-card {
    scroll-snap-align: start;
    background: #ffffff;
    border: 1px solid var(--zb-border);
    border-radius: 16px;
    box-shadow: var(--zb-shadow);
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 6px;
  }

  .zb-card:focus {
    outline: 2px solid var(--zb-accent);
    outline-offset: 2px;
  }

  .zb-brand {
    margin: 0 0 6px 0;
    font-size: 1.1rem;
    line-height: 1.2;
  }

  .zb-price, .zb-maint {
    margin: 0;
    color: var(--zb-muted);
    font-size: 0.98rem;
  }
}

/* ===== Optioneel: lichte hover op desktop (voor consistentie) ===== */
@media (hover: hover) and (pointer: fine) {
  .zb-table tbody tr:hover td,
  .zb-table tbody tr:hover th[scope="row"] {
    background: #f5faff;
  }
}/* End custom CSS */