.elementor-8648 .elementor-element.elementor-element-b9a5948{--display:flex;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-8648 .elementor-element.elementor-element-18da276{text-align:center;}#elementor-popup-modal-8648{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-8648 .dialog-message{width:900px;height:auto;}#elementor-popup-modal-8648 .dialog-close-button{display:flex;}#elementor-popup-modal-8648 .dialog-widget-content{border-radius:15px 15px 15px 15px;box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}/* Start custom CSS for shortcode, class: .elementor-element-6abe35b *//* Maak het <p> element met de labels een flex container */
p:has(> label.dmm_nomc) {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 1rem;
}

/* Stijl elke label */
p:has(> label.dmm_nomc) > label {
  flex: 1 1 calc(50% - 1rem); /* 4 per rij, met gap */
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 0.5rem;
  cursor: pointer;
}

/* Voeg marge toe aan de radio in het label */
p:has(> label.dmm_nomc) > label input[type="radio"] {
  margin-right: 0.5rem;
}

/* Highlight geselecteerd — Mollie gebruikt geen :checked + label, dus we highlighten op hover */
p:has(> label.dmm_nomc) > label:hover {
  border-color: #0073aa;
  background-color: #f0f8ff;
}

@media (max-width: 768px) {
  p:has(> label.dmm_nomc) > label {
    flex: 1 1 calc(50% - 1rem); /* 2 per rij op tablet/mobiel */
  }
}

@media (max-width: 480px) {
  p:has(> label.dmm_nomc) > label {
    flex: 1 1 100%; /* 1 per rij op klein scherm */
  }
}/* End custom CSS */