/* ===== GRID FIX ===== */
body .gform_wrapper .gform_fields {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 14px 16px !important;
}

/* standaard: half width velden blijven half */
body .gform_wrapper .gfield--width-half {
    grid-column: span 1 !important;
}

/* full width velden */
body .gform_wrapper .gfield--width-full,
body .gform_wrapper .gfield--type-textarea,
body .gform_wrapper .gfield--type-checkbox,
body .gform_wrapper .gfield--type-consent {
    grid-column: 1 / -1 !important;
}

/* ===== INPUTS ===== */
body .gform_wrapper input:not([type="checkbox"]):not([type="radio"]),
body .gform_wrapper textarea,
body .gform_wrapper select {
    width: 100% !important;
}

/* ===== CHECKBOX FIX ===== */
body .gform_wrapper .gfield_checkbox,
body .gform_wrapper .ginput_container_consent {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important; /* was te groot */
}

body .gform_wrapper .gchoice,
body .gform_wrapper .ginput_container_consent {
    display: flex !important;
    align-items: center !important; /* belangrijk */
    gap: 10px !important; /* strak houden */
}

/* checkbox zelf */
body .gform_wrapper input[type="checkbox"] {
    width: 18px !important;
    height: 18px !important;
    margin: 0 !important;
    flex: 0 0 18px !important;
}

/* ===== MeasureWorks checkbox hard fix ===== */

body .gform_wrapper .gfield--type-checkbox,
body .gform_wrapper .gfield--type-consent {
    display: block !important;
    clear: both !important;
    margin-top: 14px !important;
    margin-bottom: 0 !important;
}

body .gform_wrapper .gfield_checkbox {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    margin: 0 !important;
    padding: 0 !important;
}

body .gform_wrapper .gchoice,
body .gform_wrapper .ginput_container_consent {
    display: grid !important;
    grid-template-columns: 18px 1fr !important;
    column-gap: 10px !important;
    row-gap: 0 !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
}

body .gform_wrapper input[type="checkbox"] {
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    min-height: 18px !important;
    max-width: 18px !important;
    max-height: 18px !important;
    padding: 0 !important;
    margin: 0 !important;
    flex: none !important;
    position: static !important;
}

body .gform_wrapper .gchoice label,
body .gform_wrapper .ginput_container_consent label {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.35 !important;
    width: auto !important;
    max-width: none !important;
}

/* Form 18 - voornaam/achternaam naast elkaar */
body #gform_wrapper_18 .gform_fields {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    column-gap: 12px !important;
    row-gap: 16px !important;
}

/* reset: niet alles full width maken */
body #gform_wrapper_18 .gfield {
    grid-column: auto !important;
}

/* half velden naast elkaar */
body #gform_wrapper_18 .gfield--width-half {
    grid-column: span 1 !important;
}

/* deze blijven full width */
body #gform_wrapper_18 .gfield--width-full,
body #gform_wrapper_18 .gfield--type-email,
body #gform_wrapper_18 .gfield--type-phone,
body #gform_wrapper_18 .gfield--type-checkbox,
body #gform_wrapper_18 .gfield--type-consent,
body #gform_wrapper_18 .gfield--type-textarea {
    grid-column: 1 / -1 !important;
}

@media (max-width: 767px) {
    body #gform_wrapper_18 .gform_fields {
        grid-template-columns: 1fr !important;
    }
}

/* Form 18 - force eerste 2 velden naast elkaar */
body #gform_wrapper_18 .gform_fields {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 16px 12px !important;
}

/* alles standaard full width */
body #gform_wrapper_18 .gfield {
    grid-column: 1 / -1 !important;
}

/* alleen veld 1 en 2 half width */
body #gform_wrapper_18 .gfield:nth-child(1),
body #gform_wrapper_18 .gfield:nth-child(2) {
    grid-column: span 1 !important;
}

/* inputs netjes vullen */
body #gform_wrapper_18 input:not([type="checkbox"]):not([type="radio"]),
body #gform_wrapper_18 textarea,
body #gform_wrapper_18 select {
    width: 100% !important;
}

@media (max-width: 767px) {
    body #gform_wrapper_18 .gfield:nth-child(1),
    body #gform_wrapper_18 .gfield:nth-child(2) {
        grid-column: 1 / -1 !important;
    }
}

body #gform_wrapper_18 .gform_fields {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 16px 12px !important;
}

body #gform_wrapper_18 .gfield {
    grid-column: 1 / -1 !important;
}

body #gform_wrapper_18 #field_18_1,
body #gform_wrapper_18 #field_18_2 {
    grid-column: span 1 !important;
}