.elementor-kit-15{--e-global-color-primary:#127EFA;--e-global-color-secondary:#003478;--e-global-color-text:#050505;--e-global-color-accent:#0F5EDD;--e-global-color-4cfb3ae:#FFFFFF;--e-global-color-54cdd0c:#F7F8FA;--e-global-color-208bb27:#E8ECF2;--e-global-color-0dcd690:#5A6775;--e-global-typography-primary-font-family:"Poppins";--e-global-typography-primary-font-size:32px;--e-global-typography-primary-font-weight:700;--e-global-typography-primary-text-transform:capitalize;--e-global-typography-secondary-font-family:"Poppins";--e-global-typography-secondary-font-weight:600;--e-global-typography-text-font-family:"Noto Sans";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:500;--e-global-typography-accent-font-family:"Poppins";--e-global-typography-accent-font-weight:700;--e-global-typography-cb5c9c5-font-family:"Poppins";--e-global-typography-cb5c9c5-font-size:14px;--e-global-typography-cb5c9c5-font-weight:600;--e-global-typography-cb5c9c5-text-transform:uppercase;--e-global-typography-3ff022a-font-family:"Poppins";--e-global-typography-3ff022a-font-size:20px;--e-global-typography-3ff022a-font-weight:600;font-family:"Noto Sans", Sans-serif;font-size:16px;font-weight:500;}.elementor-kit-15 button,.elementor-kit-15 input[type="button"],.elementor-kit-15 input[type="submit"],.elementor-kit-15 .elementor-button{background-color:#EF4444;font-family:"Montserrat", Sans-serif;font-weight:700;color:#FFFFFF;border-radius:8px 8px 8px 8px;padding:16px 32px 16px 32px;}.elementor-kit-15 button:hover,.elementor-kit-15 button:focus,.elementor-kit-15 input[type="button"]:hover,.elementor-kit-15 input[type="button"]:focus,.elementor-kit-15 input[type="submit"]:hover,.elementor-kit-15 input[type="submit"]:focus,.elementor-kit-15 .elementor-button:hover,.elementor-kit-15 .elementor-button:focus{background-color:#DC2626;color:#FFFFFF;}.elementor-kit-15 e-page-transition{background-color:#FFBC7D;}.elementor-kit-15 h1{color:#2272FF;font-family:"Poppins", Sans-serif;font-size:14px;font-weight:600;}.elementor-kit-15 h2{color:#003478;font-family:"Poppins", Sans-serif;font-size:32px;font-weight:700;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ==================== PRICING ==================== */
/* Kaart basis */
.price-card { position: relative; border: 1px solid #E8ECF2; background: #fff; }
.price-card--featured { background: #127EFA; border-color: transparent; }

/* Badge rechtsboven */
.price-card .badge{
  position: absolute; top: 10px; right: 12px;
  background: #0F5EDD; color: #fff;
  padding: 6px 10px; border-radius: 999px;
  font-size: .78rem; font-weight: 600;
}

/* Pill-knop */
.btn-pill .elementor-button{ border-radius: 28px; padding: 14px 28px; }

/* Featured kaart: icon + tekst wit/geel */
.price-card--featured .elementor-icon-list-icon i { color: #FFD166; }
.price-card--featured .elementor-heading-title,
.price-card--featured .elementor-widget-text-editor,
.price-card--featured .elementor-icon-list-text { color: #fff; }

/* ==================== USP STRIP ==================== */
.usp-strip { border-top: 1px solid #E8ECF2; border-bottom: 1px solid #E8ECF2; }
@media (min-width: 768px){
  .usp-item{ padding: 6px 8px; }
  .usp-item:not(:first-child){ border-left: 1px solid #E8ECF2; }
}
.usp-item .elementor-icon{ background: #EAF3FF; }
.usp-item .elementor-icon i{ color: #127EFA; }

/* ==================== HEADER ==================== */
.site-header { 
  background: #fff;
  padding-block: 16px;
  z-index: 100;
  transition: padding .2s ease, box-shadow .2s ease;
}
.site-header__inner {
  display: flex; align-items: center; gap: 16px;
}
.site-header__inner .logo { order: 1; }
.site-header__inner .main-nav { order: 2; margin-left: auto; }

/* Mobiel & tablet: hamburger rechts */
@media (max-width: 1024px) {
  .site-header__inner .main-nav .elementor-menu-toggle {
    margin-left: auto; display: flex; align-items: center;
  }
}

/* Dropdown boven andere content */
.site-header .elementor-nav-menu--dropdown { z-index: 9999; position: relative; }

.elementor-sticky--effects.site-header {
  padding-block: 10px;
  box-shadow: 0 8px 24px rgba(0,0,0,.08);
}
/* Meekrimpende logo-hoogte */
.site-header .logo img { height: 32px; transition: height .2s ease; }
.elementor-sticky--effects.site-header .logo img { height: 26px; }

/* Hero-transparent variant */
.has-hero .site-header { background: transparent; }

/* ==================== FAQ (Elementor Nested Accordion) ==================== */
.faq-accordion .e-n-accordion {
  --faq-bg: #f6f9fc;
  --faq-text: #2b2f36;
  --faq-border: #e5e7eb;
}

/* Kaartjes (container) */
.faq-accordion .e-n-accordion .e-n-accordion-item {
  background: #fff;                /* eindkeuze: wit */
  border: 1px solid var(--faq-border);
  border-radius: 14px;
  margin: 12px 0;
  overflow: hidden;
}

/* Titel (vraag) */
.faq-accordion .e-n-accordion .e-nccordion-title-a {
  display: flex; align-items: center; gap: 12px;
  font-family: "Poppins", system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  font-weight: 600; font-size: 16px; line-height: 24px;
  color: #020202;
  padding: 12px 16px;
  background: #fff; border: 1px solid #e5e7eb; border-radius: 14px;
}

/* Icon rechts met chevron */
.faq-accordion .e-n-accordion .e-n-accordion-title-text { order: 1; }
.faq-accordion .e-n-accordion .e-n-accordion-icon { order: 2; margin-left: auto; color: #6b7280; }
.faq-accordion .e-n-accordion .e-n-accordion-icon i,
.faq-accordion .e-n-accordion .e-n-accordion-icon svg { display: none !important; }
.faq-accordion .e-n-accordion .e-n-accordion-icon::before {
  content: "▸"; display: inline-block; font-size: 1.1em; line-height: 1; opacity: .9;
  transition: transform .25s ease;
}
.faq-accordion .e-n-accordion .e-n-accordion-item.e-active .e-n-accordion-icon::before {
  transform: rotate(90deg);
}

/* Antwoord */
.faq-accordion .e-n-accordion .e-n-accordion-content {
  background: #fff !important;
  color: #2b2f36 !important;
  padding: 12px 16px 14px 16px !important;
  border-top: 1px solid #e5e7eb !important;
  font-size: 16px; line-height: 1.7;
}
.faq-accordion .e-n-accordion .e-n-accordion-content .elementor-widget-container {
  background: transparent !important; padding: 0 !important; border: 0 !important;
}
.faq-accordion .e-n-accordion .e-n-accordion-content p,
.faq-accordion .e-n-accordion .e-n-accordion-content li {
  color: #2b2f36; font-size: 16px; line-height: 1.7;
}

/* Active shadow */
.faq-accordion .e-n-accordion .e-n-accordion-item.e-active {
  box-shadow: 0 8px 24px rgba(0,0,0,.08);
}

/* ==================== CHANNEL CARDS (GRID) ==================== */
.channels-section {
  --accent: #127EFA;
  --card-bg: #ffffff;
  --card-border: #e5e7eb;
  --card-shadow: 0 6px 18px rgba(0,0,0,.06);
  --thumb-bg: #ffffff;    /* wit vlak */
  --text: #111827;
  --muted: #6b7280;
  --radius: 18px;
}

/* Grid */
.channels-section .channels-grid {
  display: grid !important;
  grid-auto-flow: row;
  grid-template-columns: repeat(6, minmax(0, 1fr)); /* desktop: 6 kolommen */
  gap: 18px; width: 100%;
}
/* Elementor inner-fix zodat de child e-con items grid-children zijn */
.channels-section .channels-grid > .e-con-inner { display: contents !important; }
.channels-section .channels-grid > .e-con-inner > .e-con,
.channels-section .channels-grid > .e-con {
  min-width: 0 !important; width: auto !important;
}

/* Kaart */
.channels-section .channel-card {
  background: var(--card-bg);
  border: 1px solid var(--card-border);
  border-radius: var(--radius);
  padding: 12px;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.channels-section .channel-card:hover {
  transform: translateY(-2px);
  box-shadow: var(--card-shadow);
  border-color: #d9dce1;
}

/* Logo-veld (“screen”) */
.channels-section .channel-thumb {
  background: var(--thumb-bg);
  border-radius: 14px;
  aspect-ratio: 16/9;
  display: flex; align-items: center; justify-content: center;
  padding: 10px; overflow: hidden;
}
.channels-section .channel-thumb img {
  max-width: 100%; max-height: 100%;
  width: auto; height: auto;
  object-fit: contain !important; display: block;
}
/* Elementor image widget harden */
.channels-section .channel-thumb .elementor-widget-image img {
  object-fit: contain !important;
  max-width: 100% !important; max-height: 100% !important;
  width: auto !important; height: auto !important;
}

/* Meta */
.channels-section .channel-meta {
  margin-top: 10px;
  font: 500 14px/1.5 system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  color: var(--text); letter-spacing: .2px;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.channels-section .channel-meta .dot {
  display: inline-block; width: 8px; height: 8px; border-radius: 50%;
  background: var(--muted); margin: 0 6px 0 10px;
}

/* Responsive columns */
@media (max-width: 1024px) {
  .channels-section .channels-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media (max-width: 767px) {
  .channels-section .channels-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
}

/* ==================== STATS ==================== */
.stats-grid{
  display: grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: 28px; align-items: center;
}
.stat{ display: flex; align-items: center; gap: 16px; }
.stat-icon i, .stat-icon svg{
  font-size: 42px; width: 42px; height: 42px; color: #6B5BFA;
}
.stat-number{
  font-size: 40px; line-height: 1.1; font-weight: 700; color: #111827; margin: 0;
}
.stat-label{
  font-size: 12px; line-height: 1.2; letter-spacing: 2px; text-transform: uppercase; color: #6b7280; margin-top: 6px;
}
.stat-body{ display: flex; flex-direction: column; }

/* Responsive */
@media (max-width: 1024px){ .stats-grid{ grid-template-columns: repeat(2, minmax(0,1fr)); } }
@media (max-width: 640px){
  .stats-grid{ grid-template-columns: 1fr; }
  .stat{ justify-content: center; }
}/* End custom CSS */