.elementor-965 .elementor-element.elementor-element-d5cd822{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-965 .elementor-element.elementor-element-50a6b82{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--flex-wrap:wrap;--align-content:flex-start;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-965 .elementor-element.elementor-element-50a6b82.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-965 .elementor-element.elementor-element-4a72245{--display:flex;}.elementor-965 .elementor-element.elementor-element-4a72245.e-con{--flex-grow:1;--flex-shrink:0;}.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-965 .elementor-element.elementor-element-16fdf5c{width:100%;max-width:100%;}.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-965 .elementor-element.elementor-element-dea348f{--display:flex;}.elementor-965 .elementor-element.elementor-element-dea348f.e-con{--flex-grow:1;--flex-shrink:0;}.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-965 .elementor-element.elementor-element-2b1d2fb img{max-width:70%;}.elementor-965 .elementor-element.elementor-element-91b0439{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--border-radius:20px 20px 20px 20px;box-shadow:0px 0px 20px 0px rgba(0, 0, 0, 0.1);--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-965 .elementor-element.elementor-element-91b0439.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-965 .elementor-element.elementor-element-c4b6692{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--flex-wrap:wrap;--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-965 .elementor-element.elementor-element-b7560ee{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-965 .elementor-element.elementor-element-b7560ee.e-con{--flex-grow:1;--flex-shrink:0;}.elementor-965 .elementor-element.elementor-element-113ddfb{text-align:center;}.elementor-965 .elementor-element.elementor-element-c561d7f{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--flex-wrap:wrap;--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-965 .elementor-element.elementor-element-d09c373{text-align:center;}.elementor-965 .elementor-element.elementor-element-f2ac03c{text-align:center;}.elementor-965 .elementor-element.elementor-element-ce8835d{--display:flex;--border-radius:20px 20px 20px 20px;box-shadow:0px 0px 20px 0px rgba(0, 0, 0, 0.1);--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-965 .elementor-element.elementor-element-ce8835d.e-con{--flex-grow:1;--flex-shrink:0;}.elementor-965 .elementor-element.elementor-element-225ba70{--display:flex;--border-radius:20px 20px 20px 20px;box-shadow:0px 0px 20px 0px rgba(0, 0, 0, 0.1);--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-965 .elementor-element.elementor-element-225ba70.e-con{--flex-grow:1;--flex-shrink:0;}.elementor-965 .elementor-element.elementor-element-cce585e{--display:flex;--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-965 .elementor-element.elementor-element-cce585e.e-con{--flex-grow:1;--flex-shrink:0;}.elementor-965 .elementor-element.elementor-element-bfa4f02{--e-image-carousel-slides-to-show:5;}.elementor-965 .elementor-element.elementor-element-bfa4f02 .elementor-swiper-button.elementor-swiper-button-prev, .elementor-965 .elementor-element.elementor-element-bfa4f02 .elementor-swiper-button.elementor-swiper-button-next{color:var( --e-global-color-primary );}.elementor-965 .elementor-element.elementor-element-bfa4f02 .elementor-swiper-button.elementor-swiper-button-prev svg, .elementor-965 .elementor-element.elementor-element-bfa4f02 .elementor-swiper-button.elementor-swiper-button-next svg{fill:var( --e-global-color-primary );}.elementor-965 .elementor-element.elementor-element-bfa4f02 .swiper-pagination-bullet{background:var( --e-global-color-primary );}.elementor-965 .elementor-element.elementor-element-bfa4f02 .swiper-wrapper{display:flex;align-items:flex-start;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-965 .elementor-element.elementor-element-50a6b82{--width:60%;}.elementor-965 .elementor-element.elementor-element-4a72245{--width:50%;}.elementor-965 .elementor-element.elementor-element-dea348f{--width:45%;}.elementor-965 .elementor-element.elementor-element-91b0439{--width:33%;}.elementor-965 .elementor-element.elementor-element-b7560ee{--width:30%;}.elementor-965 .elementor-element.elementor-element-ce8835d{--width:30%;}.elementor-965 .elementor-element.elementor-element-225ba70{--width:30%;}}/* Start custom CSS *//* ===========================================
   0. Wrapper & titels
   =========================================== */
.pronamic-pay-form-wrap {
  max-width: 600px;
  margin: 0 auto;
  background: #fff;


}

.pronamic-pay-form-title {
  font-size: 1.8em;
  font-weight: bold;
  margin-bottom: 10px;
  color: #CE0B10;
  border-bottom: 2px solid #CE0B10;
  padding-bottom: 5px;
}

legend   { display: none; }


/* ===========================================
   1. Keuze-opties (radio buttons)
   =========================================== */
/* Verberg alleen de radio zelf */
.pronamic-pay-amount input[type="radio"] {
  opacity: 0;
  position: absolute;
}

/* Label als klikbaar vak */
.pronamic-pay-amount label {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  background: #f9f9f9;
  border: 1px solid #ccc;
  border-radius: 8px;
  cursor: pointer;
  transition: background .2s, border-color .2s, color .2s;
}

/* Hover-effect */
.pronamic-pay-amount label:hover {
  background: #f1f1f1;
}

/* Geselecteerd vak kleuren */
.pronamic-pay-amount input[type="radio"]:checked + label {
  background-color: #CE0B10;
  border-color:     #CE0B10;
  color:            #fff;
}

/* Verticale spacing tussen vakken */
.pronamic-pay-amount > div {
  margin-bottom: 10px;
}

/* ==== Desktop: flex-grid 4 naast elkaar + “Anders” full-width ==== */
@media (min-width: 768px) {
  .pronamic-pay-amount {
    display: flex;
    flex-wrap: wrap;
    margin: -5px;
  }
  .pronamic-pay-amount > div {
    flex: 1 1 calc(25% - 10px);
    margin: 5px;
  }
  .pronamic-pay-amount > div:last-child {
    flex: 1 1 100%;
  }
}


/* ===========================================
   2. “Anders” invoerveld
   =========================================== */
.pronamic-pay-amount label[for="pronamic-pay-amount-other"] {
  display: flex;
  align-items: center;
  gap: 5px;
  width: 100%;
  padding: 10px;
  background: #f9f9f9;
  border: 1px solid #ccc;
  border-radius: 8px;
  cursor: pointer;
}
.pronamic-pay-amount label[for="pronamic-pay-amount-other"]:hover {
  background: #f1f1f1;
}
#pronamic-pay-amount {
  position: static !important;
  opacity: 1 !important;
  width: 100px;
  padding: 5px;
  border: 1px solid #ccc;
  border-radius: 5px;
  background: #fff;
}


/* ===========================================
   3. Persoonlijke info (Naam + E-mail 100% breed)
   =========================================== */
/* Verberg achternaam */
#pronamic-pay-last-name,
label[for="pronamic-pay-last-name"] {
  display: none !important;
}

/* Verberg labels Naam & E-mail */
label[for="pronamic-pay-first-name"],
label[for="pronamic-pay-email"] {
  display: none !important;
}

/* Maak Naam en E-mail beide full-width */
.pronamic-pay-form-wrap fieldset:nth-of-type(2)
  .pronamic-pay-form-row.pronamic-pay-form-row-first,
.pronamic-pay-form-wrap fieldset:nth-of-type(2)
  .pronamic-pay-form-row.pronamic-pay-form-row-wide {
    float: none !important;
    width: 100% !important;
    margin: 0 0 5px !important;
}

/* Input-styling */
.pronamic-pay-input {
  width: 100%;
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: px;
  font-size: 1em;
  box-sizing: border-box;
}
.pronamic-pay-input:focus {
  border-color: #e85d04;
  outline: none;
}


/* ===========================================
   4. Overige styling
   =========================================== */
/* Verberg iDEAL-sectie */
.pronamic-pay-payment-method-list,
.pronamic-pay-payment-method-fields {
  display: none;
}

/* Submit-knop */
.pronamic-pay-submit {
  width: 100%;
  background: #e85d04;
  color: #fff;
  border: none;
  padding: 10px;
  font-size: 1.2em;
  border-radius: 30px;
  cursor: pointer;
}
.pronamic-pay-submit:hover {
  background: #d35400;

}/* End custom CSS */