/* ============================================================
   VolleKR8 Profielscan – Gravity Forms 144 (DEV) en 157 (LIVE)
   v0.1.6
   Presentatie-only: moderne, uitnodigende vraagkaarten.
   Streng gescoped op de Profielscan-wrappers 144 en 157.
   ============================================================ */

body :is(#gform_wrapper_144, #gform_wrapper_157) {
    --vk8-green: #0f625e;
    --vk8-green-dark: #174945;
    --vk8-green-soft: #eef7f4;
    --vk8-green-softer: #f8fbfa;
    --vk8-green-line: #cfe2dc;
    --vk8-orange: #f7941d;
    --vk8-orange-soft: #fff5e8;
    --vk8-sand: #f7f3ec;
    --vk8-text: #314744;
    --vk8-muted: #687773;
    --vk8-border: #dbe6e2;
    --vk8-white: #ffffff;

    box-sizing: border-box;
    width: min(100%, 1040px) !important;
    max-width: 1040px !important;
    margin: 42px auto 72px !important;
    padding: 46px 52px 56px !important;
    background: #f2f6f4 !important;
    border: 1px solid #d7e4df !important;
    border-radius: 28px !important;
    box-shadow: 0 18px 48px rgba(21, 73, 69, 0.09) !important;
    color: var(--vk8-text) !important;
}

body :is(#gform_wrapper_144, #gform_wrapper_157) *,
body :is(#gform_wrapper_144, #gform_wrapper_157) *::before,
body :is(#gform_wrapper_144, #gform_wrapper_157) *::after {
    box-sizing: border-box;
}

/* Titel */
body :is(#gform_wrapper_144, #gform_wrapper_157) .gform_title {
    margin: 0 0 24px !important;
    color: var(--vk8-green) !important;
    font-size: clamp(36px, 4vw, 48px) !important;
    line-height: 1.08 !important;
    font-weight: 700 !important;
    letter-spacing: -0.025em !important;
}

/* Intro en toelichtingen */
body :is(#gform_wrapper_144, #gform_wrapper_157) .gform_description,
body :is(#gform_wrapper_144, #gform_wrapper_157) .gsection_description,
body :is(#gform_wrapper_144, #gform_wrapper_157) .gfield_description,
body :is(#gform_wrapper_144, #gform_wrapper_157) .gfield--type-html,
body :is(#gform_wrapper_144, #gform_wrapper_157) .gfield_html {
    color: var(--vk8-muted) !important;
    font-size: 17px !important;
    line-height: 1.65 !important;
    font-weight: 400 !important;
}

body :is(#gform_wrapper_144, #gform_wrapper_157) .gfield--type-html,
body :is(#gform_wrapper_144, #gform_wrapper_157) .gfield_html {
    max-width: 790px;
    margin-bottom: 22px !important;
}

body :is(#gform_wrapper_144, #gform_wrapper_157) .gfield--type-html p,
body :is(#gform_wrapper_144, #gform_wrapper_157) .gfield_html p {
    margin-top: 0 !important;
    margin-bottom: 13px !important;
}

/* Voortgang */
body :is(#gform_wrapper_144, #gform_wrapper_157) .gf_progressbar_wrapper {
    margin: 0 0 32px !important;
}

body :is(#gform_wrapper_144, #gform_wrapper_157) .gf_progressbar_title {
    margin: 0 0 10px !important;
    color: var(--vk8-muted) !important;
    font-size: 15px !important;
    line-height: 1.3 !important;
    font-weight: 600 !important;
}

body :is(#gform_wrapper_144, #gform_wrapper_157) .gf_progressbar {
    height: 12px !important;
    overflow: hidden !important;
    background: #e4ece9 !important;
    border-radius: 999px !important;
    box-shadow: none !important;
}

body :is(#gform_wrapper_144, #gform_wrapper_157) .gf_progressbar_percentage {
    height: 12px !important;
    background: var(--vk8-green) !important;
    border-radius: 999px !important;
}

body :is(#gform_wrapper_144, #gform_wrapper_157) .gf_progressbar_percentage span {
    display: none !important;
}

/* Algemene veldruimte */
body :is(#gform_wrapper_144, #gform_wrapper_157) .gfield {
    margin-bottom: 24px !important;
}

/* Moderne vraagkaarten */
body :is(#gform_wrapper_144, #gform_wrapper_157) .gfield--type-radio,
body :is(#gform_wrapper_144, #gform_wrapper_157) .gfield--type-checkbox {
    position: relative;
    margin: 0 0 24px !important;
    padding: 26px 28px 24px !important;
    background: var(--vk8-white) !important;
    border: 1px solid #d4e4de !important;
    border-radius: 20px !important;
    box-shadow: 0 8px 24px rgba(21, 73, 69, 0.055) !important;
}

body :is(#gform_wrapper_144, #gform_wrapper_157) .gfield--type-radio::before,
body :is(#gform_wrapper_144, #gform_wrapper_157) .gfield--type-checkbox::before {
    content: "";
    position: absolute;
    left: -1px;
    top: 22px;
    bottom: 22px;
    width: 4px;
    border-radius: 0 4px 4px 0;
    background: var(--vk8-green);
    opacity: .72;
}

/* Vraagtekst: duidelijk, nadrukkelijk niet vet */
body :is(#gform_wrapper_144, #gform_wrapper_157) .gfield_label,
body :is(#gform_wrapper_144, #gform_wrapper_157) legend.gfield_label,
body :is(#gform_wrapper_144, #gform_wrapper_157) .gfield--type-radio .gfield_label,
body :is(#gform_wrapper_144, #gform_wrapper_157) .gfield--type-checkbox .gfield_label,
body :is(#gform_wrapper_144, #gform_wrapper_157) .gfield--type-radio legend.gfield_label,
body :is(#gform_wrapper_144, #gform_wrapper_157) .gfield--type-checkbox legend.gfield_label {
    margin: 0 0 15px !important;
    color: var(--vk8-green-dark) !important;
    font-size: 18px !important;
    line-height: 1.52 !important;
    font-weight: 500 !important;
    letter-spacing: 0 !important;
}

body :is(#gform_wrapper_144, #gform_wrapper_157) .gfield_required,
body :is(#gform_wrapper_144, #gform_wrapper_157) .gfield_required_text {
    color: #cf5b2a !important;
    font-size: .8em !important;
    font-weight: 500 !important;
}

/* Antwoordopties als rustige klikregels */
body :is(#gform_wrapper_144, #gform_wrapper_157) .gchoice {
    position: relative;
    display: grid !important;
    grid-template-columns: 22px minmax(0, 1fr) !important;
    align-items: start !important;
    column-gap: 12px !important;
    margin: 6px 0 !important;
    padding: 10px 12px !important;
    border: 1px solid transparent !important;
    border-radius: 12px !important;
    background: transparent !important;
    transition: background-color .15s ease, border-color .15s ease !important;
}

body :is(#gform_wrapper_144, #gform_wrapper_157) .gchoice:hover {
    background: var(--vk8-green-soft) !important;
    border-color: #d8e9e4 !important;
}

body :is(#gform_wrapper_144, #gform_wrapper_157) .gchoice:has(input:checked) {
    background: #edf7f3 !important;
    border-color: #b8d7ce !important;
}

body :is(#gform_wrapper_144, #gform_wrapper_157) .gchoice label {
    margin: 0 !important;
    color: #415451 !important;
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    font-size: 16.5px !important;
    line-height: 1.56 !important;
    font-weight: 400 !important;
    cursor: pointer !important;
}

body :is(#gform_wrapper_144, #gform_wrapper_157) input[type="radio"],
body :is(#gform_wrapper_144, #gform_wrapper_157) input[type="checkbox"] {
    width: 18px !important;
    height: 18px !important;
    margin: 4px 0 0 !important;
    accent-color: var(--vk8-green) !important;
}

/* Invoervelden */
body :is(#gform_wrapper_144, #gform_wrapper_157) input[type="text"],
body :is(#gform_wrapper_144, #gform_wrapper_157) input[type="email"],
body :is(#gform_wrapper_144, #gform_wrapper_157) input[type="tel"],
body :is(#gform_wrapper_144, #gform_wrapper_157) input[type="number"],
body :is(#gform_wrapper_144, #gform_wrapper_157) input[type="date"],
body :is(#gform_wrapper_144, #gform_wrapper_157) select,
body :is(#gform_wrapper_144, #gform_wrapper_157) textarea {
    min-height: 54px !important;
    padding: 13px 15px !important;
    color: var(--vk8-text) !important;
    background: var(--vk8-white) !important;
    border: 1px solid #cbdad5 !important;
    border-radius: 12px !important;
    box-shadow: none !important;
    font-size: 17px !important;
    line-height: 1.4 !important;
    font-weight: 400 !important;
}

body :is(#gform_wrapper_144, #gform_wrapper_157) textarea {
    min-height: 132px !important;
}

body :is(#gform_wrapper_144, #gform_wrapper_157) input:focus,
body :is(#gform_wrapper_144, #gform_wrapper_157) select:focus,
body :is(#gform_wrapper_144, #gform_wrapper_157) textarea:focus {
    outline: none !important;
    border-color: var(--vk8-green) !important;
    box-shadow: 0 0 0 3px rgba(15, 98, 94, 0.12) !important;
}

/* Secties */
body :is(#gform_wrapper_144, #gform_wrapper_157) .gsection {
    margin: 34px 0 24px !important;
    padding: 24px 0 0 !important;
    border: 0 !important;
    border-top: 1px solid var(--vk8-border) !important;
}

body :is(#gform_wrapper_144, #gform_wrapper_157) .gsection_title {
    margin: 0 0 6px !important;
    color: var(--vk8-green) !important;
    font-size: 25px !important;
    line-height: 1.25 !important;
    font-weight: 650 !important;
}

/* Navigatie */
body :is(#gform_wrapper_144, #gform_wrapper_157) .gform_page_footer,
body :is(#gform_wrapper_144, #gform_wrapper_157) .gform_footer {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    align-items: center !important;
    justify-content: flex-end !important;
    margin-top: 30px !important;
    padding-top: 8px !important;
    border-top: 0 !important;
}

body :is(#gform_wrapper_144, #gform_wrapper_157) .gform_next_button,
body :is(#gform_wrapper_144, #gform_wrapper_157) .gform_button,
body :is(#gform_wrapper_144, #gform_wrapper_157) input[type="submit"] {
    min-height: 52px !important;
    padding: 12px 24px !important;
    color: #fff !important;
    background: var(--vk8-orange) !important;
    border: 1px solid var(--vk8-orange) !important;
    border-radius: 12px !important;
    box-shadow: none !important;
    font-size: 17px !important;
    font-weight: 600 !important;
}

body :is(#gform_wrapper_144, #gform_wrapper_157) .gform_previous_button {
    min-height: 52px !important;
    padding: 12px 22px !important;
    color: var(--vk8-green) !important;
    background: #fff !important;
    border: 1px solid #b8d0ca !important;
    border-radius: 12px !important;
    box-shadow: none !important;
    font-size: 17px !important;
    font-weight: 600 !important;
}

/* Validatie */
body :is(#gform_wrapper_144, #gform_wrapper_157) .gfield_error {
    border-color: #e9b7a3 !important;
}

body :is(#gform_wrapper_144, #gform_wrapper_157) .gfield_validation_message,
body :is(#gform_wrapper_144, #gform_wrapper_157) .validation_message {
    margin-top: 8px !important;
    color: #b2471d !important;
    background: #fff7f3 !important;
    border: 0 !important;
    border-radius: 8px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
}

@media (max-width: 900px) {
    body :is(#gform_wrapper_144, #gform_wrapper_157) {
        width: calc(100% - 28px) !important;
        margin: 22px auto 38px !important;
        padding: 30px 24px 38px !important;
        border-radius: 19px !important;
    }

    body :is(#gform_wrapper_144, #gform_wrapper_157) .gfield--type-radio,
    body :is(#gform_wrapper_144, #gform_wrapper_157) .gfield--type-checkbox {
        padding: 20px 20px 18px !important;
    }
}

@media (max-width: 620px) {
    body :is(#gform_wrapper_144, #gform_wrapper_157) {
        width: calc(100% - 20px) !important;
        margin-top: 12px !important;
        padding: 24px 17px 30px !important;
        border-radius: 16px !important;
    }

    body :is(#gform_wrapper_144, #gform_wrapper_157) .gform_title {
        font-size: 34px !important;
    }

    body :is(#gform_wrapper_144, #gform_wrapper_157) .gfield--type-html,
    body :is(#gform_wrapper_144, #gform_wrapper_157) .gfield_html {
        font-size: 16px !important;
    }

    body :is(#gform_wrapper_144, #gform_wrapper_157) .gfield_label,
    body :is(#gform_wrapper_144, #gform_wrapper_157) legend.gfield_label {
        font-size: 17px !important;
    }

    body :is(#gform_wrapper_144, #gform_wrapper_157) .gchoice label {
        font-size: 16px !important;
    }
}


/* ============================================================
   v0.1.6 – laatste visuele verfijning
   Presentatie-only; validatie en formulierlogica blijven ongewijzigd.
   - iets bredere, centraal geplaatste scan
   - zachtere zand/lichtgroene achtergrond
   - vraag + antwoorden als één duidelijke kaart
   - progressie exact gelijk aan kaartbreedte
   - meer verticale rust tussen kaarten
   ============================================================ */

body :is(#gform_wrapper_144, #gform_wrapper_157) {
    width: min(100%, 1180px) !important;
    max-width: 1180px !important;
    padding: 48px 58px 62px !important;
    background: #f7f5ef !important;
    border-color: #dde5df !important;
    box-shadow: 0 18px 50px rgba(21, 73, 69, 0.08) !important;
}

/* Eén rustige inhoudsbreedte voor voortgang, intro, vragen en navigatie. */
body :is(#gform_wrapper_144, #gform_wrapper_157) .gf_progressbar_wrapper,
body :is(#gform_wrapper_144, #gform_wrapper_157) .gform_page_fields,
body :is(#gform_wrapper_144, #gform_wrapper_157) .gform_page_footer,
body :is(#gform_wrapper_144, #gform_wrapper_157) .gform_footer {
    width: 100% !important;
    max-width: 940px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

body :is(#gform_wrapper_144, #gform_wrapper_157) .gfield--type-html,
body :is(#gform_wrapper_144, #gform_wrapper_157) .gfield_html {
    max-width: 940px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Vraagkaart royaler en volledig als één geheel leesbaar. */
body :is(#gform_wrapper_144, #gform_wrapper_157) .gfield--type-radio,
body :is(#gform_wrapper_144, #gform_wrapper_157) .gfield--type-checkbox {
    width: 100% !important;
    max-width: 940px !important;
    margin: 0 auto 30px !important;
    padding: 30px 32px 26px !important;
    background: #ffffff !important;
    border: 1px solid #d8e5df !important;
    border-radius: 21px !important;
    box-shadow: 0 8px 26px rgba(21, 73, 69, 0.052) !important;
}

/* Gravity Forms gebruikt bij radio/checkbox vaak een fieldset+legend.
   Float-none houdt de vraagtekst zichtbaar binnen de kaart in plaats van
   optisch op de bovenrand te laten zweven. */
body :is(#gform_wrapper_144, #gform_wrapper_157) fieldset.gfield--type-radio > legend.gfield_label,
body :is(#gform_wrapper_144, #gform_wrapper_157) fieldset.gfield--type-checkbox > legend.gfield_label {
    float: none !important;
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    padding: 0 0 17px !important;
    margin: 0 0 8px !important;
    background: transparent !important;
    border-bottom: 1px solid #e7eeeb !important;
}

body :is(#gform_wrapper_144, #gform_wrapper_157) .gfield--type-radio .gfield_label,
body :is(#gform_wrapper_144, #gform_wrapper_157) .gfield--type-checkbox .gfield_label,
body :is(#gform_wrapper_144, #gform_wrapper_157) .gfield--type-radio legend.gfield_label,
body :is(#gform_wrapper_144, #gform_wrapper_157) .gfield--type-checkbox legend.gfield_label {
    font-size: 19px !important;
    line-height: 1.48 !important;
    font-weight: 500 !important;
    color: var(--vk8-green-dark) !important;
}

body :is(#gform_wrapper_144, #gform_wrapper_157) .gchoice {
    grid-template-columns: 22px minmax(0, 1fr) !important;
    column-gap: 14px !important;
    padding: 12px 13px !important;
    margin: 0 !important;
}

body :is(#gform_wrapper_144, #gform_wrapper_157) .gchoice label {
    font-size: 16.5px !important;
    line-height: 1.58 !important;
    font-weight: 400 !important;
}

body :is(#gform_wrapper_144, #gform_wrapper_157) .gchoice + .gchoice {
    border-top: 1px solid #edf2f0 !important;
    border-radius: 0 !important;
}

body :is(#gform_wrapper_144, #gform_wrapper_157) .gchoice:hover,
body :is(#gform_wrapper_144, #gform_wrapper_157) .gchoice:has(input:checked) {
    border-radius: 12px !important;
}

/* Titel in dezelfde visuele as als de rest van de scan. */
body :is(#gform_wrapper_144, #gform_wrapper_157) .gform_heading {
    width: 100% !important;
    max-width: 940px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Desktop iets meer ademruimte tussen introductie en eerste vraag. */
body :is(#gform_wrapper_144, #gform_wrapper_157) .gform_page_fields {
    padding-top: 2px !important;
}

@media (max-width: 900px) {
    body :is(#gform_wrapper_144, #gform_wrapper_157) {
        width: calc(100% - 28px) !important;
        padding: 32px 24px 40px !important;
    }

    body :is(#gform_wrapper_144, #gform_wrapper_157) .gfield--type-radio,
    body :is(#gform_wrapper_144, #gform_wrapper_157) .gfield--type-checkbox {
        padding: 22px 21px 20px !important;
        margin-bottom: 22px !important;
    }
}

@media (max-width: 620px) {
    body :is(#gform_wrapper_144, #gform_wrapper_157) {
        width: calc(100% - 18px) !important;
        padding: 24px 16px 30px !important;
        background: #f8f6f1 !important;
    }

    body :is(#gform_wrapper_144, #gform_wrapper_157) .gfield--type-radio .gfield_label,
    body :is(#gform_wrapper_144, #gform_wrapper_157) .gfield--type-checkbox .gfield_label,
    body :is(#gform_wrapper_144, #gform_wrapper_157) .gfield--type-radio legend.gfield_label,
    body :is(#gform_wrapper_144, #gform_wrapper_157) .gfield--type-checkbox legend.gfield_label {
        font-size: 17.5px !important;
    }

    body :is(#gform_wrapper_144, #gform_wrapper_157) .gchoice label {
        font-size: 16px !important;
    }
}


/* ============================================================
   v0.1.7 – positionering + compactere antwoordkaarten
   Presentatie-only; validatie en formulierlogica blijven ongewijzigd.
   - desktop: scan visueel iets naar links
   - minder lege hoogte boven de eerste antwoordregel
   - compactere kaartpadding zonder typografie/kleur opnieuw te wijzigen
   ============================================================ */

@media (min-width: 1100px) {
    body :is(#gform_wrapper_144, #gform_wrapper_157) {
        position: relative !important;
        left: -42px !important;
    }
}

/* Minder verticale lucht in vraagkaarten. */
body :is(#gform_wrapper_144, #gform_wrapper_157) .gfield--type-radio,
body :is(#gform_wrapper_144, #gform_wrapper_157) .gfield--type-checkbox {
    padding: 20px 26px 18px !important;
    margin-bottom: 26px !important;
}

/* Vraagtekst dichter bij de antwoorden. */
body :is(#gform_wrapper_144, #gform_wrapper_157) fieldset.gfield--type-radio > legend.gfield_label,
body :is(#gform_wrapper_144, #gform_wrapper_157) fieldset.gfield--type-checkbox > legend.gfield_label {
    padding-bottom: 10px !important;
    margin-bottom: 2px !important;
}

body :is(#gform_wrapper_144, #gform_wrapper_157) .ginput_container_radio,
body :is(#gform_wrapper_144, #gform_wrapper_157) .ginput_container_checkbox {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Antwoorden compacter, maar met gelijke uitlijning. */
body :is(#gform_wrapper_144, #gform_wrapper_157) .gchoice {
    padding: 8px 10px !important;
    min-height: 0 !important;
}

body :is(#gform_wrapper_144, #gform_wrapper_157) .gfield--type-radio::before,
body :is(#gform_wrapper_144, #gform_wrapper_157) .gfield--type-checkbox::before {
    top: 16px !important;
    bottom: 16px !important;
}

@media (max-width: 1099px) {
    body :is(#gform_wrapper_144, #gform_wrapper_157) {
        left: auto !important;
    }
}

@media (max-width: 900px) {
    body :is(#gform_wrapper_144, #gform_wrapper_157) .gfield--type-radio,
    body :is(#gform_wrapper_144, #gform_wrapper_157) .gfield--type-checkbox {
        padding: 18px 18px 16px !important;
        margin-bottom: 21px !important;
    }
}

/* ============================================================
   v0.1.9 – exacte viewport-centrering + compacte antwoordkaarten
   Presentatie-only; validatie en formulierlogica ongewijzigd.
   ============================================================ */

/* JS centreert de wrapper exact; voorkom dat oudere links-offsets meedoen. */
@media (min-width: 901px) {
    body :is(#gform_wrapper_144, #gform_wrapper_157) {
        left: auto !important;
        margin-left: auto !important;
        margin-right: auto !important;
        will-change: transform;
    }
}

/* Vraagtekst buiten de witte antwoordkaart. Hierdoor begint de achtergrond
   pas bij de antwoorden en verdwijnt de te hoge witte bovenruimte. */
body :is(#gform_wrapper_144, #gform_wrapper_157) fieldset.gfield--type-radio,
body :is(#gform_wrapper_144, #gform_wrapper_157) fieldset.gfield--type-checkbox,
body :is(#gform_wrapper_144, #gform_wrapper_157) .gfield--type-radio,
body :is(#gform_wrapper_144, #gform_wrapper_157) .gfield--type-checkbox {
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
    margin-bottom: 28px !important;
}

body :is(#gform_wrapper_144, #gform_wrapper_157) .gfield--type-radio::before,
body :is(#gform_wrapper_144, #gform_wrapper_157) .gfield--type-checkbox::before {
    display: none !important;
}

body :is(#gform_wrapper_144, #gform_wrapper_157) fieldset.gfield--type-radio > legend.gfield_label,
body :is(#gform_wrapper_144, #gform_wrapper_157) fieldset.gfield--type-checkbox > legend.gfield_label,
body :is(#gform_wrapper_144, #gform_wrapper_157) .gfield--type-radio > .gfield_label,
body :is(#gform_wrapper_144, #gform_wrapper_157) .gfield--type-checkbox > .gfield_label {
    display: block !important;
    width: 100% !important;
    margin: 0 0 9px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    font-size: 18px !important;
    line-height: 1.46 !important;
    font-weight: 500 !important;
}

/* Alleen de antwoordgroep is een witte kaart. */
body :is(#gform_wrapper_144, #gform_wrapper_157) .ginput_container_radio,
body :is(#gform_wrapper_144, #gform_wrapper_157) .ginput_container_checkbox {
    width: 100% !important;
    margin: 0 !important;
    padding: 6px 12px !important;
    background: #ffffff !important;
    border: 1px solid #d8e5df !important;
    border-left: 3px solid rgba(15,98,94,.72) !important;
    border-radius: 15px !important;
    box-shadow: 0 6px 18px rgba(21,73,69,.045) !important;
    overflow: hidden !important;
}

body :is(#gform_wrapper_144, #gform_wrapper_157) .gfield_radio,
body :is(#gform_wrapper_144, #gform_wrapper_157) .gfield_checkbox {
    margin: 0 !important;
    padding: 0 !important;
}

body :is(#gform_wrapper_144, #gform_wrapper_157) .gchoice {
    display: grid !important;
    grid-template-columns: 20px minmax(0,1fr) !important;
    column-gap: 10px !important;
    align-items: start !important;
    margin: 0 !important;
    padding: 7px 6px !important;
    min-height: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
}

body :is(#gform_wrapper_144, #gform_wrapper_157) .gchoice + .gchoice {
    border-top: 1px solid #edf2f0 !important;
}

body :is(#gform_wrapper_144, #gform_wrapper_157) .gchoice:hover,
body :is(#gform_wrapper_144, #gform_wrapper_157) .gchoice:has(input:checked) {
    border-radius: 9px !important;
}

body :is(#gform_wrapper_144, #gform_wrapper_157) .gchoice label {
    font-size: 16px !important;
    line-height: 1.48 !important;
}

body :is(#gform_wrapper_144, #gform_wrapper_157) input[type="radio"],
body :is(#gform_wrapper_144, #gform_wrapper_157) input[type="checkbox"] {
    margin-top: 3px !important;
}

@media (max-width: 900px) {
    body :is(#gform_wrapper_144, #gform_wrapper_157) {
        transform: none !important;
    }

    body :is(#gform_wrapper_144, #gform_wrapper_157) .ginput_container_radio,
    body :is(#gform_wrapper_144, #gform_wrapper_157) .ginput_container_checkbox {
        padding: 5px 9px !important;
        border-radius: 13px !important;
    }
}
\n\n/* ============================================================
   v0.1.10 – centrering zonder theme-container te verbreden
   - verwijdert geen theme-layout via :has()-regels
   - wrapper blijft zelfstandig en compact
   - JS neutraliseert alleen de werkelijke Bootstrap-kolom rond formulier 144
   ============================================================ */

html:has(:is(#gform_wrapper_144, #gform_wrapper_157)),
body:has(:is(#gform_wrapper_144, #gform_wrapper_157)) {
    overflow-x: hidden !important;
}

@media (min-width: 901px) {
    body :is(#gform_wrapper_144, #gform_wrapper_157) {
        position: relative !important;
        left: auto !important;
        right: auto !important;
        width: min(940px, calc(100vw - 80px)) !important;
        max-width: 940px !important;
        margin: 42px auto 72px !important;
        transform: none;
    }
}

/* ============================================================
   v0.1.11 – horizontale schaalvragen herstellen
   Gravity Forms staat voor deze velden op Horizontaal. De algemene
   Profielscan-kaartstijl blijft voor gewone radio/checkboxvragen verticaal,
   maar schaalvragen worden bewust als één rij weergegeven.
   ============================================================ */
body :is(#gform_wrapper_144, #gform_wrapper_157) .vk8-scale-horizontal .ginput_container_radio {
    padding: 10px 14px !important;
}

body :is(#gform_wrapper_144, #gform_wrapper_157) .vk8-scale-horizontal .gfield_radio {
    display: grid !important;
    grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
    gap: 8px !important;
    align-items: stretch !important;
    width: 100% !important;
}

body :is(#gform_wrapper_144, #gform_wrapper_157) .vk8-scale-horizontal .gchoice {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    min-width: 0 !important;
    padding: 8px 4px !important;
    border: 0 !important;
    border-radius: 10px !important;
}

body :is(#gform_wrapper_144, #gform_wrapper_157) .vk8-scale-horizontal .gchoice + .gchoice {
    border-top: 0 !important;
}

body :is(#gform_wrapper_144, #gform_wrapper_157) .vk8-scale-horizontal .gchoice label {
    display: inline-block !important;
    width: auto !important;
    margin: 0 !important;
    font-size: 17px !important;
    line-height: 1 !important;
    text-align: center !important;
}

body :is(#gform_wrapper_144, #gform_wrapper_157) .vk8-scale-horizontal .gchoice input[type="radio"] {
    margin: 0 !important;
    flex: 0 0 auto !important;
}

/* De vier pilotfeedbackschalen gebruiken 1–10. */
body :is(#gform_wrapper_144, #gform_wrapper_157) .vk8-scale-horizontal:has(.gchoice:nth-child(10)) .gfield_radio {
    grid-template-columns: repeat(10, minmax(0, 1fr)) !important;
    gap: 5px !important;
}

@media (max-width: 700px) {
    body :is(#gform_wrapper_144, #gform_wrapper_157) .vk8-scale-horizontal .ginput_container_radio {
        padding: 8px 6px !important;
    }

    body :is(#gform_wrapper_144, #gform_wrapper_157) .vk8-scale-horizontal .gfield_radio {
        gap: 3px !important;
    }

    body :is(#gform_wrapper_144, #gform_wrapper_157) .vk8-scale-horizontal .gchoice {
        gap: 4px !important;
        padding: 7px 1px !important;
    }

    body :is(#gform_wrapper_144, #gform_wrapper_157) .vk8-scale-horizontal .gchoice label {
        font-size: 15px !important;
    }

    body :is(#gform_wrapper_144, #gform_wrapper_157) .vk8-scale-horizontal:has(.gchoice:nth-child(10)) .gfield_radio {
        gap: 1px !important;
    }

    body :is(#gform_wrapper_144, #gform_wrapper_157) .vk8-scale-horizontal:has(.gchoice:nth-child(10)) .gchoice {
        flex-direction: column !important;
        gap: 2px !important;
    }
}

/* ============================================================
   v0.1.13 – bevestiging na afronden centraal en uitnodigend
   Alleen het Gravity Forms-bevestigingsblok van formulier 144.
   De schaalvragen blijven zoals in de bewezen v0.1.11.
   ============================================================ */
body :is(#gform_confirmation_wrapper_144, #gform_confirmation_wrapper_157) {
    width: min(880px, calc(100vw - 80px)) !important;
    max-width: 880px !important;
    margin: 48px auto 80px !important;
    padding: 0 !important;
    position: relative !important;
    left: auto !important;
    right: auto !important;
}

body :is(#gform_confirmation_wrapper_144, #gform_confirmation_wrapper_157) .gform_confirmation_message,
body :is(#gform_confirmation_wrapper_144, #gform_confirmation_wrapper_157) :is(.gform_confirmation_message_144, .gform_confirmation_message_157),
body :is(#gform_confirmation_message_144, #gform_confirmation_message_157) {
    max-width: 720px !important;
    margin: 0 auto !important;
    padding: 34px 38px !important;
    text-align: center !important;
    background: #ffffff !important;
    border: 1px solid #d7e4df !important;
    border-radius: 20px !important;
    box-shadow: 0 10px 28px rgba(17, 64, 58, 0.07) !important;
    color: #35514d !important;
    font-size: 18px !important;
    line-height: 1.65 !important;
}

body :is(#gform_confirmation_wrapper_144, #gform_confirmation_wrapper_157) .gform_confirmation_message strong,
body :is(#gform_confirmation_wrapper_144, #gform_confirmation_wrapper_157) :is(.gform_confirmation_message_144, .gform_confirmation_message_157) strong,
body :is(#gform_confirmation_message_144, #gform_confirmation_message_157) strong {
    color: #116660 !important;
    font-weight: 650 !important;
}

@media (max-width: 900px) {
    body :is(#gform_confirmation_wrapper_144, #gform_confirmation_wrapper_157) {
        width: calc(100vw - 32px) !important;
        margin: 28px auto 48px !important;
    }

    body :is(#gform_confirmation_wrapper_144, #gform_confirmation_wrapper_157) .gform_confirmation_message,
    body :is(#gform_confirmation_wrapper_144, #gform_confirmation_wrapper_157) :is(.gform_confirmation_message_144, .gform_confirmation_message_157),
    body :is(#gform_confirmation_message_144, #gform_confirmation_message_157) {
        padding: 26px 22px !important;
        border-radius: 16px !important;
        font-size: 17px !important;
    }
}