.elementor-13816 .elementor-element.elementor-element-da21d08{--display:flex;border-style:none;--border-style:none;--border-radius:24px 24px 24px 24px;}.elementor-13816 .elementor-element.elementor-element-da21d08.e-con{--flex-grow:0;--flex-shrink:0;}#elementor-popup-modal-13816{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-13816 .dialog-message{width:640px;height:auto;}#elementor-popup-modal-13816 .dialog-close-button{display:flex;}#elementor-popup-modal-13816 .dialog-widget-content{box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}@media(max-width:767px){.elementor-13816 .elementor-element.elementor-element-da21d08{--content-width:280px;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-13816 .elementor-element.elementor-element-a5303f0{width:initial;max-width:initial;}}/* Start custom CSS for html, class: .elementor-element-a5303f0 */.kfl-popup-title {
  text-transform: lowercase !important;
}

.kfl-popup-title::first-letter {
  text-transform: uppercase !important;
}

.kfl-popup-text {
  text-transform: lowercase !important;
}

.kfl-popup-text::first-letter {
  text-transform: uppercase !important;
}

/* =================================================
   ELEMENTOR POPUP SCOPE (BELANGRIJK)
   ================================================= */
.elementor-popup-modal .kfl-popup {

  /* Label: E-mail ons direct */
  .kfl-popup-contact-text small {
    font-family: "Inter", Times New Roman !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    color: #7a8f86 !important;
    text-transform: none !important;
  }

  /* E-mailadres */
  .kfl-popup-contact-text strong {
    font-family: "Inter", sans-serif !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    color: #1a3d2e !important;
    text-transform: none !important;
  }

  /* Titel */
  .kfl-popup-title {
    font-family: "Playfair Display", Times New Roman !important;
    font-size: 33px !important;
    font-weight: 600 !important;
    color: #1a3d2e !important;
    text-transform: lowercase !important;
    letter-spacing: normal !important;
  }

  .kfl-popup-title::first-letter {
    text-transform: uppercase !important;
  }

  /* Tekst */
  .kfl-popup-text {
    font-family: "Inter", sans-serif !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 1.6 !important;
    color: #6b7c72 !important;
    text-transform: lowercase !important;
  }

  .kfl-popup-text::first-letter {
    text-transform: uppercase !important;
  }
}


/* =================================================
   TABLET
   ================================================= */
@media (max-width: 1024px) {
  .elementor-popup-modal .kfl-popup {

    .kfl-popup-title {
      font-size: 28px !important;
    }

    .kfl-popup-text {
      font-size: 16px !important;
    }

    .kfl-popup-contact-text strong {
      font-size: 15px !important;
    }
  }
}


/* =================================================
   MOBIEL
   ================================================= */
@media (max-width: 767px) {
  .elementor-popup-modal .kfl-popup {

    .kfl-popup-title {
      font-size: 24px !important;
    }

    .kfl-popup-text {
      font-size: 15px !important;
    }

    .kfl-popup-contact-text small {
      font-size: 12px !important;
    }

    .kfl-popup-contact-text strong {
      font-size: 14px !important;
    }
  }
}

/* =========================================
   MOBILE FIX: SLUITKNOP OP JUISTE PLEK
   ========================================= */
@media (max-width: 767px) {

  /* Popup-kaart is referentie */
  .elementor-popup-modal .kfl-popup {
    position: relative !important;
  }

 /* Sluitknop op kaart positioneren */
  .elementor-popup-modal .dialog-close-button {
    position: absolute !important;
    top: 80px !important;
    right: 50px !important;


    display: flex !important;
    width: 32px !important;
    height: 32px !important;

    align-items: center;
    justify-content: center;



    z-index: 20 !important;
  }

  .elementor-popup-modal .dialog-close-button svg {
    width: 14px !important;
    height: 14px !important;
  }
}

/* =========================================
   VERWIJDER ELEMENTOR FOCUS / GROENE RAND
   ========================================= */

.elementor-popup-modal .dialog-close-button,
.elementor-popup-modal .dialog-close-button:focus,
.elementor-popup-modal .dialog-close-button:focus-visible,
.elementor-popup-modal .dialog-close-button:active {
  outline: none !important;
  box-shadow: none !important;
  border: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-da21d08 *//* =========================================
   FORCE RONDE HOEKEN OP ALLE POPUP LAYERS
   ========================================= */

/* Buitenste popup container */
.elementor-popup-modal .dialog-widget-content {
  border-radius: 24px !important;
  overflow: hidden !important;
}

/* Elementor popup content */
.elementor-popup-modal .elementor-popup-content {
  border-radius: 24px !important;
  overflow: hidden !important;
}

/* Jouw eigen popup container */
.elementor-popup-modal .kfl-popup {
  border-radius: 24px !important;
}

/* =========================================
   MOBILE FIX – POPUP LAYOUT
   ========================================= */
@media (max-width: 767px) {

  /* Popup wrapper */
  .elementor-popup-modal .dialog-widget-content,
  .elementor-popup-modal .elementor-popup-content {
    border-radius: 20px !important;
    max-height: calc(100vh - 40px) !important;
    margin: 40px !important;
    overflow-y: auto !important;
  }

  /* Jouw popup container */
  .elementor-popup-modal .kfl-popup {
    padding: 24px 20px 28px !important;
    border-radius: 20px !important;
  }

  /* Header (mailblok) compacter */
  .kfl-popup-contact {
    margin-bottom: 24px !important;
    padding-bottom: 16px !important;
  }

  .kfl-popup-contact-icon {
    width: 40px !important;
    height: 40px !important;
  }

  /* Check icon kleiner */
  .kfl-popup-check {
    width: 56px !important;
    height: 56px !important;
    margin-bottom: 20px !important;
  }

  .kfl-popup-check svg {
    width: 28px !important;
    height: 28px !important;
  }

  /* Titel */
  .kfl-popup-title {
    font-size: 22px !important;
    line-height: 1.3 !important;
    margin-bottom: 12px !important;
  }

  /* Tekst */
  .kfl-popup-text {
    font-size: 15px !important;
    line-height: 1.5 !important;
  }
}

/* =========================================
   MOBILE: VERWIJDER EXTRA POPUP WRAPPER
   ========================================= */
@media (max-width: 767px) {

  /* Buitenste Elementor popup laag → transparant maken */
  .elementor-popup-modal .dialog-widget-content {
    background: transparent !important;
    padding: 0 !important;
    box-shadow: none !important;
    min-height: unset !important;
  }

  /* Elementor content wrapper neutraliseren */
  .elementor-popup-modal .elementor-popup-content {
    padding: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  /* Alleen jouw kaart laten bestaan */
  .elementor-popup-modal .kfl-popup {
    margin: 20px auto !important;
    max-width: calc(100% - px) !important;
    border-radius: 20px !important;
    box-shadow: 0 20px 40px rgba(0,0,0,0.12) !important;
  }
}/* End custom CSS */