.elementor-kit-1027{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#739A2B;--e-global-typography-primary-font-family:"Inter";--e-global-typography-primary-font-size:40px;--e-global-typography-primary-font-weight:700;--e-global-typography-secondary-font-family:"Inter";--e-global-typography-secondary-font-size:24px;--e-global-typography-secondary-font-weight:600;--e-global-typography-text-font-family:"Inter";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Inter";--e-global-typography-accent-font-size:16px;--e-global-typography-accent-font-weight:600;font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );word-spacing:var( --e-global-typography-text-word-spacing );}.elementor-kit-1027 e-page-transition{background-color:#FFBC7D;}.elementor-kit-1027 a{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );line-height:var( --e-global-typography-accent-line-height );word-spacing:var( --e-global-typography-accent-word-spacing );}.elementor-kit-1027 h1{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-kit-1027 h2{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );word-spacing:var( --e-global-typography-secondary-word-spacing );}.elementor-kit-1027 h3{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );word-spacing:var( --e-global-typography-secondary-word-spacing );}.elementor-kit-1027 h4{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );word-spacing:var( --e-global-typography-secondary-word-spacing );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end: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-kit-1027{--e-global-typography-primary-font-size:32px;--e-global-typography-primary-line-height:1.25em;--e-global-typography-secondary-font-size:22px;--e-global-typography-secondary-line-height:1.3em;--e-global-typography-text-font-size:16px;--e-global-typography-text-line-height:1.55em;--e-global-typography-accent-font-size:15px;--e-global-typography-accent-line-height:1.3em;font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );word-spacing:var( --e-global-typography-text-word-spacing );}.elementor-kit-1027 a{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );word-spacing:var( --e-global-typography-accent-word-spacing );}.elementor-kit-1027 h1{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-kit-1027 h2{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );word-spacing:var( --e-global-typography-secondary-word-spacing );}.elementor-kit-1027 h3{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );word-spacing:var( --e-global-typography-secondary-word-spacing );}.elementor-kit-1027 h4{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );word-spacing:var( --e-global-typography-secondary-word-spacing );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-1027{--e-global-typography-primary-font-size:28px;--e-global-typography-primary-line-height:1.4em;--e-global-typography-primary-word-spacing:0em;--e-global-typography-secondary-font-size:20px;--e-global-typography-secondary-line-height:1.45em;--e-global-typography-secondary-word-spacing:0em;--e-global-typography-text-font-size:15px;--e-global-typography-text-line-height:1.55em;--e-global-typography-text-word-spacing:0em;--e-global-typography-accent-font-size:15px;--e-global-typography-accent-line-height:1.3em;font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );word-spacing:var( --e-global-typography-text-word-spacing );}.elementor-kit-1027 a{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );word-spacing:var( --e-global-typography-accent-word-spacing );}.elementor-kit-1027 h1{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-kit-1027 h2{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );word-spacing:var( --e-global-typography-secondary-word-spacing );}.elementor-kit-1027 h3{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );word-spacing:var( --e-global-typography-secondary-word-spacing );}.elementor-kit-1027 h4{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );word-spacing:var( --e-global-typography-secondary-word-spacing );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//****************************
 * 1) BASIS: TYPO + MOBIEL TEKST FIX
 ****************************/
body {
  text-align: left;
  word-spacing: normal;
  letter-spacing: normal;
}

@media (max-width: 768px) {
  p,
  .elementor-text-editor,
  .woocommerce-Tabs-panel,
  .woocommerce-product-details__short-description {
    text-align: left !important;
    word-spacing: normal !important;
    letter-spacing: normal !important;
  }
}

/****************************
 * 2) PRODUCTPAGINA: QTY + ADD TO CART (LAYOUT)
 ****************************/
.woocommerce div.product form.cart {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
}

.woocommerce div.product form.cart .quantity {
  flex: 0 0 auto;
}

.woocommerce div.product form.cart .quantity input.qty {
  min-width: 64px;
  height: 44px;
  line-height: 44px;
}

/* Add to cart button (button + input varianten) */
.woocommerce div.product form.cart .single_add_to_cart_button,
.woocommerce div.product form.cart button.single_add_to_cart_button,
.woocommerce div.product form.cart input.single_add_to_cart_button {
  flex: 1 1 220px;
  min-width: 200px;
  height: 44px;
  line-height: 44px;
  padding: 0 18px !important;

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

  white-space: nowrap !important;
  overflow: hidden;
  text-overflow: ellipsis;

  font-size: 16px !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;

  border-radius: 10px;
}

/* Geen pseudo content op desktop/tablet */
@media (max-width: 768px) {
  .woocommerce div.product form.cart .single_add_to_cart_button {
    width: 100% !important;
    min-width: 0 !important;
    flex: 1 1 100%;
    position: relative !important;
  }

  /* Alleen bij button en a kunnen we veilig tekst “vervangen” via ::after */
  .woocommerce div.product form.cart button.single_add_to_cart_button,
  .woocommerce div.product form.cart a.single_add_to_cart_button {
    font-size: 0 !important;
    color: transparent !important;
  }

  .woocommerce div.product form.cart button.single_add_to_cart_button::after,
  .woocommerce div.product form.cart a.single_add_to_cart_button::after {
    content: "In winkelwagen" !important;
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;

    color: #fff !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    white-space: nowrap !important;

    pointer-events: none !important;
    z-index: 2 !important;
  }

  /* Als het een input is: niks verbergen (want ::after werkt daar niet) */
  .woocommerce div.product form.cart input.single_add_to_cart_button {
    font-size: 16px !important;
    color: #fff !important;
  }

  .woocommerce div.product form.cart .single_add_to_cart_button::before {
    content: none !important;
    display: none !important;
  }
}

}

/* Mobiel: stacken + tekst vervangen (alleen productpagina) */
@media (max-width: 768px) {
  .woocommerce div.product form.cart {
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
  }

  .woocommerce div.product form.cart .quantity,
  .woocommerce div.product form.cart .quantity input.qty {
    width: 100%;
    max-width: 100%;
  }

  .woocommerce div.product form.cart .single_add_to_cart_button {
    width: 100% !important;
    min-width: 0 !important;
    flex: 1 1 100%;
    position: relative !important;
  }

  /* Verberg originele knoptekst */
  .woocommerce div.product form.cart button.single_add_to_cart_button {
    color: transparent !important;
    text-shadow: none !important;
  }

  /* Vervang tekst */
  .woocommerce div.product form.cart button.single_add_to_cart_button::after {
    content: "In winkelwagen" !important;
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;

    color: #fff !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    white-space: nowrap !important;

    pointer-events: none !important;
    z-index: 2 !important;
  }

  /* Theme/plugin icon uit */
  .woocommerce div.product form.cart button.single_add_to_cart_button::before {
    content: none !important;
    display: none !important;
  }
}

/****************************
/****************************
 * 3) SHOP/CATEGORIE: RONDE ADD-TO-CART KNOP (DESKTOP HOVER)
 ****************************/
.woocommerce ul.products li.product {
  position: relative;
}

/* Alleen de echte add-to-cart links binnen product cards */
.woocommerce ul.products li.product a.add_to_cart_button,
.woocommerce ul.products li.product a.product_type_simple,
.woocommerce ul.products li.product a.product_type_variable {
  position: absolute;
  top: 10px;
  right: 10px;

  width: 38px !important;
  height: 38px !important;
  padding: 0 !important;
  border-radius: 999px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  background: #51BA18 !important; /* JOUW GROEN */
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.18);

  font-size: 0 !important;
  line-height: 1 !important;

  opacity: 0;
  transform: translateY(-5px);
  transition: opacity 0.2s ease, transform 0.2s ease;

  z-index: 20;

  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23ffffff' d='M7 18c-1.1 0-1.99.9-1.99 2S5.9 22 7 22s2-.9 2-2-.9-2-2-2Zm10 0c-1.1 0-1.99.9-1.99 2S15.9 22 17 22s2-.9 2-2-.9-2-2-2ZM7.16 14h9.45c.75 0 1.4-.41 1.74-1.03l3.24-6.01A1 1 0 0 0 21.74 5H6.21L5.27 3H2v2h2l3.6 7.59-1.35 2.44A2 2 0 0 0 8 18h12v-2H8l1.16-2ZM6.98 7h13.06l-2.7 5H9.34L6.98 7Z'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 18px 18px !important;
}

/* toon bij hover (desktop) */
.woocommerce ul.products li.product:hover a.add_to_cart_button,
.woocommerce ul.products li.product:hover a.product_type_simple,
.woocommerce ul.products li.product:hover a.product_type_variable {
  opacity: 1;
  transform: translateY(0);
}

/* Mobiel: knop uit (zoals jij wilde) */
@media (max-width: 768px) {
  .woocommerce ul.products li.product a.add_to_cart_button,
  .woocommerce ul.products li.product a.product_type_simple,
  .woocommerce ul.products li.product a.product_type_variable {
    display: none !important;
  }
}
/* VINKJE TOONT EN GAAT NA 2,5 SECONDE TERUG */
.woocommerce ul.products li.product a.add_to_cart_button.added,
.woocommerce ul.products li.product a.product_type_simple.added,
.woocommerce ul.products li.product a.product_type_variable.added {
  animation: cartAddedPop 0.35s ease-out, cartResetIcon 0s ease forwards;
  animation-delay: 0s, 2.5s;
}

/* Reset het icoon na 2,5s */
@keyframes cartResetIcon {
  to {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23ffffff' d='M7 18c-1.1 0-1.99.9-1.99 2S5.9 22 7 22s2-.9 2-2-.9-2-2-2Zm10 0c-1.1 0-1.99.9-1.99 2S15.9 22 17 22s2-.9 2-2-.9-2-2-2ZM7.16 14h9.45c.75 0 1.4-.41 1.74-1.03l3.24-6.01A1 1 0 0 0 21.74 5H6.21L5.27 3H2v2h2l3.6 7.59-1.35 2.44A2 2 0 0 0 8 18h12v-2H8l1.16-2ZM6.98 7h13.06l-2.7 5H9.34L6.98 7Z'/%3E%3C/svg%3E");
  }
}
/* VERWIJDER "INCL. BTW" OVERAL IN WOOCOMMERCE */
.woocommerce .woocommerce-price-suffix,
.woocommerce .price .woocommerce-price-suffix,
.woocommerce span.woocommerce-price-suffix {
  display: none !important;
}/* End custom CSS */