.elementor-kit-4{--e-global-color-primary:#38AB89;--e-global-color-secondary:#FFE733;--e-global-color-text:#000000;--e-global-color-accent:#D9D9D9;--e-global-typography-primary-font-family:"Sora";--e-global-typography-primary-font-size:56px;--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Sora";--e-global-typography-secondary-font-size:36px;--e-global-typography-secondary-font-weight:600;--e-global-typography-text-font-family:"Sora";--e-global-typography-text-font-size:18px;--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Sora";--e-global-typography-accent-font-size:14px;--e-global-typography-accent-font-weight:700;}.elementor-kit-4 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:100%;}.e-con{--container-max-width:100%;}.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);}@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 *//* ============== Topbar layout ============== */
.tips-topbar{
  display: flex;
  align-items: center;
  justify-content: flex-end; /* knop rechts */
  gap: 14px;
  margin-bottom: 16px;       /* ruimte boven de slider */
  
}

/* Arrows links van de knop, als één groep */
.tips-arrows{
  display: inline-flex;
  gap: 12px;
}

/* Gele, ronde pijlen */


.tips-arrows .tips-prev,
.tips-arrows .tips-next {
  width: 48px;          /* vaste breedte */
  height: 48px;         /* vaste hoogte */
  border-radius: 50%;   /* maakt ze perfect rond */
  padding: 0;           /* geen extra padding */
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #FFD700;
  color: #111;
  font-size: 22px;
  line-height: 1;
  box-shadow: 0 8px 22px rgba(0,0,0,.18);
  cursor: pointer;
}


.tips-arrows .tips-prev:hover,
.tips-arrows .tips-next:hover{ background:#FFC800;
    
}





/* Verberg de ingebouwde arrows van de Loop Carousel */
#tips-slider .elementor-swiper-button{ display: none !important; }

/* Responsive maken */
@media (max-width: 767px){
  .tips-topbar{
    justify-content: space-between;  /* op mobiel de groep links, knop rechts */
  }
}

/* Titel links en acties rechts (desktop) */
.tips-topbar {
  display: flex;
  align-items: center;
  gap: 16px;
}

.tips-topbar .tips-arrows {
  margin-left: auto;
}

.tips-topbar h2,
.tips-topbar h1,
.tips-topbar .elementor-heading-title {
  margin: 0;
}

/* Mobieltjes titel boven, acties (pijlen + knop) in een rij eronder */
@media (max-width: 767px) {
  .tips-topbar {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }

  /* acties samen in een rij */
  .tips-topbar .tips-actions {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-left: 0; /* reset */
  }
}


  /* Centreer de gele pijlen */
  .tips-arrows {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100%;
    gap: 14px;
    margin-top: px;
  }


/* tp pill groene vrienden */
body a.tp-pill,
body .tp-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 14px;
  border-radius: 999px;
  font-size: 14px;
  line-height: 1.4;
  font-weight: 500;
  background: rgba(255, 255, 255, 0.25);
  color: #ffffff !important;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  box-shadow: 0 6px 26px rgba(0, 0, 0, 0.22);
  text-decoration: none !important;
  transition: all 0.25s ease;
}

/* Hover-effect */
body a.tp-pill:hover {
  background: rgba(255, 255, 255, 0.35);
  transform: translateY(-1px);
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.28);
  text-decoration: none !important;
}

/* Avatars binnen de pill */
body .tp-pill .tp-avatars {
  display: inline-flex;
  align-items: center;
}

body .tp-pill .tp-avatars img {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  margin-right: -4px;
  border: 1.5px solid rgba(255, 255, 255, 0.8);
}

/* Tekstgedeelte */
body .tp-pill .tp-text {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  white-space: nowrap;
}

/* “groener” accentkleur */
body .tp-pill .tp-groen {
  color: #00B67A !important;
  font-weight: 600;
}

/* dikte cijfer vet */
body .tp-pill strong

:root { --gv-green: #38AB89; }

/* 🌿 Groene Vrienden kleurvariabelen */
:root {
  --gv-green: #38AB89;  /* Groene highlight */
  --gv-yellow: #F8D949; /* Gele highlight */
}

/* ===== GROENE TEKST ===== */
.elementor .elementor-heading-title .energie-word,
.elementor h1 .energie-word,
.elementor h2 .energie-word,
.elementor h3 .energie-word,
.energie-word {
  color: #38AB89 !important;
}

/* Als het woord een link is */
a.energie-word,
.elementor .elementor-heading-title a .energie-word {
  color: #38AB89 !important;
  text-decoration: none !important;
}

/* ===== GELE TEKST ===== */
.elementor .elementor-heading-title .zonnetje-word,
.elementor h1 .zonnetje-word,
.elementor h2 .zonnetje-word,
.elementor h3 .zonnetje-word,
.zonnetje-word {
  color: #FFE733 !important;
}

/* Als het woord een link is */
a.zonnetje-word-word,
.elementor .elementor-heading-title a .zonnetje-word {
  color: #FFE733 !important;
  text-decoration: none !important;
}

/* ===== Groene Vrienden – Testimonial pijlen (alleen voor deze widget) ===== */
.gv-testimonials {
  /* kleuren (pas aan naar wens) */
  --gv-arrow-bg: #FFD700;      /* geel */
  --gv-arrow-bg-hover: #FFC107;
  --gv-arrow-color: #111;
}

/* Basisstijl knoppen */
.gv-testimonials .elementor-swiper-button,
.gv-testimonials .swiper-button-prev,
.gv-testimonials .swiper-button-next {
  width: 28px;
  height: 28px;
  border-radius: 999px;
  background: var(--gv-arrow-bg) !important;
  color: var(--gv-arrow-color) !important;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  box-shadow: 0 4px 12px rgba(0,0,0,.15);
  z-index: 10;

  /* Soms forceert Elementor opacity op disabled; we willen ze zichtbaar */
  opacity: 1 !important;
}

/* Iconen binnen de knoppen (i of svg) */
.gv-testimonials .elementor-swiper-button i,
.gv-testimonials .swiper-button-prev i,
.gv-testimonials .swiper-button-next i,
.gv-testimonials .elementor-swiper-button svg,
.gv-testimonials .swiper-button-prev svg,
.gv-testimonials .swiper-button-next svg {
  color: currentColor !important;
  fill: currentColor !important;
  width: 10px;
  height: 10px;
}

/* Hover */
.gv-testimonials .elementor-swiper-button:hover,
.gv-testimonials .swiper-button-prev:hover,
.gv-testimonials .swiper-button-next:hover {
  background: var(--gv-arrow-bg-hover) !important;
  text-decoration: none !important;
}

/* Posities – iets naar buiten trekken (desktop & tablet) */
.gv-testimonials .elementor-swiper-button-prev,
.gv-testimonials .swiper-button-prev { left: -46px; }
.gv-testimonials .elementor-swiper-button-next,
.gv-testimonials .swiper-button-next { right: -46px; }

/* Alleen op mobiel (≤ 767px): dezelfde look + eventueel andere offset */
@media (max-width: 767px) {
  .gv-testimonials .elementor-swiper-button,
  .gv-testimonials .swiper-button-prev,
  .gv-testimonials .swiper-button-next {
    width: 28px;
    height: 28px;
  }

  /* afstand swipers instellen */
  .gv-testimonials .elementor-swiper-button-prev,
  .gv-testimonials .swiper-button-prev { left: -46px; }

  .gv-testimonials .elementor-swiper-button-next,
  .gv-testimonials .swiper-button-next { right: -46px; }
}

/* ===  Testimonial Carousel pijlen === */
.gv-testimonial-carousel {
  --arrow-bg: #FFD700;       /* geel */
  --arrow-bg-hover: #FFC107; /* donkerder geel bij hover */
  --arrow-color: #111;       /* icoonkleur */
}

/* Basisstijl voor de pijlen */
.gv-testimonial-carousel .elementor-swiper-button,
.gv-testimonial-carousel .swiper-button-prev,
.gv-testimonial-carousel .swiper-button-next {
  width: 44px;
  height: 44px;
  border-radius: 999px;
  background: var(--arrow-bg) !important;
  color: var(--arrow-color) !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  z-index: 10;
  opacity: 1 !important;
  transition: all 0.25s ease;
}

/* Icon binnen de knop */
.gv-testimonial-carousel .elementor-swiper-button i,
.gv-testimonial-carousel .swiper-button-prev i,
.gv-testimonial-carousel .swiper-button-next i,
.gv-testimonial-carousel .elementor-swiper-button svg,
.gv-testimonial-carousel .swiper-button-prev svg,
.gv-testimonial-carousel .swiper-button-next svg {
  color: currentColor !important;
  fill: currentColor !important;
  width: 20px;
  height: 20px;
}



/* Pijlpositie verder naar buiten */
.gv-testimonial-carousel .elementor-swiper-button-prev,
.gv-testimonial-carousel .swiper-button-prev {
  left: -48px !important;
}

.gv-testimonial-carousel .elementor-swiper-button-next,
.gv-testimonial-carousel .swiper-button-next {
  right: -38px !important;
}

/* Mobiel (max 767px) */
@media (max-width: 767px) {
  .gv-testimonial-carousel .elementor-swiper-button-prev,
  .gv-testimonial-carousel .swiper-button-prev {
    left: -38px !important;
  }

  .gv-testimonial-carousel .elementor-swiper-button-next,
  .gv-testimonial-carousel .swiper-button-next {
    right: -38px !important;
  }
}


/* Address row: forceer 3 kolommen op één lijn */
.wp-block-columns.address-row {
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 16px;
  align-items: flex-end;           /* onderlijnen inputs mooi uit */
}

/* Override Gutenberg inline widths & gekke font-size */
.wp-block-columns.address-row > .wp-block-column {
  flex: 1 1 0 !important;          /* laat ze meeschalen */
  flex-basis: 0 !important;        /* override inline flex-basis: 25/50% */
  min-width: 0;                    /* voorkom overflow/wrap */
  font-size: inherit !important;   /* override inline font-size:100px */
}

/* indien nodig Postcode breder dan Huisnr/Toevoeging */
.wp-block-columns.address-row > .wp-block-column:nth-child(1) { /* Postcode */
  flex: 2 1 0 !important;
}
.wp-block-columns.address-row > .wp-block-column:nth-child(2),
.wp-block-columns.address-row > .wp-block-column:nth-child(3) { /* Huisnr + Toevoeging */
  flex: 1 1 0 !important;
}

/* JetForm/FluentField wrappers netjes meeschalen */
.wp-block-columns.address-row .jet-form-builder__field-wrap,
.wp-block-columns.address-row .ff-el-group,
.wp-block-columns.address-row .form-field,
.wp-block-columns.address-row .elementor-field {
  width: 100% !important;
  max-width: 100%;
  min-width: 0;
}

/* Mobiel: gewoon stapelen */
@media (max-width: 991.98px) {
  .wp-block-columns.address-row {
    flex-wrap: wrap !important;
  }
  .wp-block-columns.address-row > .wp-block-column {
    flex: 1 1 100% !important;
  }
}

/* elke stap even hoog zodat de container niet springt */
form.jet-form-builder .jet-form-builder__page,
form.jet-form-builder .jet-form-builder-page {
  min-height: 560px; /* pas aan aan je langste stap */
}

/* ruimte voor foutmeldingen zodat die geen jump veroorzaken */
form.jet-form-builder .jet-form-builder__message,
form.jet-form-builder .jet-form-builder__field-error {
  min-height: 24px;
}

/* iOS zoom-jump voorkomen */
form.jet-form-builder input,
form.jet-form-builder select,
form.jet-form-builder textarea {
  font-size: 16px;
}

@media (max-width: 900px) {
    .e-con {
        height: auto !important;
        min-height: auto !important;
    }
}

@media (max-width: 900px) {
    .e-con > .e-con-inner {
        height: auto !important;
        min-height: auto !important;
    }
}

@media (max-width: 900px) {
    [data-elementor-type="container"] {
        height: auto !important;
        min-height: auto !important;
        max-height: none !important;
    }
}/* End custom CSS */