/*
Theme Name: Versatile (v2) Child
Template: versatile-v2
Version: 1.0.0
*/

.hulptegels__tegel,.hulptegels__tegel:focus,.hulptegels__tegel:hover{text-decoration:none}.hulptegels__grid{display:grid;gap:18px}.hulptegels--3 .hulptegels__grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hulptegels--4 .hulptegels__grid{grid-template-columns:repeat(4,minmax(0,1fr))}.hulptegels__tegel{display:flex;align-items:center;gap:16px;width:100%;min-height:70px;padding:22px 4.3em 22px 22px;border-radius:10px;background:#fff;color:inherit}.hulptegels__tegel--nolink{cursor:default}.hulptegels__icoon{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}.hulptegels__icoon img{max-width:28px;max-height:28px;width:auto;height:auto}.hulptegels__tekst{flex:1 1 auto;padding-right:1em;font-weight:700}.hulptegels__tegel .icon-arrow{top:50%;right:1.5em;transform-origin:right;transform:translate3d(0,-50%,0) scale(1)}.hulptegels__tegel .icon-arrow::before{font-size:.7em}.hulptegels__tegel .icon-arrow:first-of-type{opacity:0;transform:translate3d(-100%,-50%,0) scale(.5)}.hulptegels__tegel .icon-arrow:last-of-type{opacity:1}@media (hover:hover){.hulptegels__tegel[href]:hover .icon-arrow{transition:all var(--trns-timing) var(--trns-ease)}.hulptegels__tegel[href]:hover .icon-arrow:first-of-type{opacity:1;transform:translate3d(0,-50%,0) scale(1)}.hulptegels__tegel[href]:hover .icon-arrow:last-of-type{opacity:0;transform:translate3d(200%,-50%,0) scale(.5)}}@media (max-width:1024px){.hulptegels--3 .hulptegels__grid,.hulptegels--4 .hulptegels__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.hulptegels--3 .hulptegels__grid,.hulptegels--4 .hulptegels__grid{grid-template-columns:1fr}}#split-tertiair-beeld,.split-tertiair-beeld{--split-gap:calc(var(--sp-gutter) * 2)}#split-tertiair-beeld .row,.split-tertiair-beeld .row{align-items:stretch;gap:0 var(--split-gap);margin-left:0;margin-right:0}#split-tertiair-beeld .row>.col-lg-6,.split-tertiair-beeld .row>.col-lg-6{flex:0 0 calc(33% - (var(--split-gap)/ 2));max-width:calc(33% - (var(--split-gap)/ 2));padding-left:0;padding-right:0}#split-tertiair-beeld .row>.col-lg-5.text,.split-tertiair-beeld .row>.col-lg-5.text{flex:0 0 calc(67% - (var(--split-gap)/ 2));max-width:calc(67% - (var(--split-gap)/ 2));margin:0;padding:clamp(3.2rem,5vw,7rem);background-color:var(--cl-tertiary);border-radius:var(--r-m);display:flex;flex-direction:column;justify-content:center}#split-tertiair-beeld .row>.col-lg-5.text,#split-tertiair-beeld .row>.col-lg-5.text *,.split-tertiair-beeld .row>.col-lg-5.text,.split-tertiair-beeld .row>.col-lg-5.text *{color:var(--cl-tertiary-text)}#split-tertiair-beeld .image-text__images,.split-tertiair-beeld .image-text__images{height:100%;width:100%;padding-bottom:0}#split-tertiair-beeld .image-text__image,.split-tertiair-beeld .image-text__image{height:100%;width:100%;border-radius:var(--r-m) 0 var(--r-m) 0}#split-tertiair-beeld .image-text__image img,.split-tertiair-beeld .image-text__image img{width:100%;height:100%;object-fit:cover}@media (max-width:1199.98px){#split-tertiair-beeld .row>.col-lg-5.text,#split-tertiair-beeld .row>.col-lg-6,.split-tertiair-beeld .row>.col-lg-5.text,.split-tertiair-beeld .row>.col-lg-6{flex:0 0 calc(50% - (var(--split-gap)/ 2));max-width:calc(50% - (var(--split-gap)/ 2))}#split-tertiair-beeld .row>.col-lg-5.text,.split-tertiair-beeld .row>.col-lg-5.text{padding:clamp(2.8rem,4vw,5rem)}}@media (max-width:991.98px){#split-tertiair-beeld .row,.split-tertiair-beeld .row{gap:var(--split-gap) 0}#split-tertiair-beeld .row>.col-lg-5.text,#split-tertiair-beeld .row>.col-lg-6,.split-tertiair-beeld .row>.col-lg-5.text,.split-tertiair-beeld .row>.col-lg-6{flex:0 0 100%;max-width:100%}#split-tertiair-beeld .image-text__images,.split-tertiair-beeld .image-text__images{position:relative;padding-bottom:70%}#split-tertiair-beeld .image-text__image,.split-tertiair-beeld .image-text__image{position:absolute;inset:0}#split-tertiair-beeld .row>.col-lg-5.text,.split-tertiair-beeld .row>.col-lg-5.text{padding:2.8rem}}

/* DISC Quickscan */

.disc-quickscan-section {
    position: relative;
}

.disc-quickscan {
    width: 100%;
}

/* Ruimte tussen vraag en opties */
.disc-quickscan .gap-xsmall,
.disc-quickscan__options {
    margin-top: 20px;
}

.disc-quickscan__questions {
    display: grid;
    gap: var(--sp-heading);
}

.disc-quickscan__question,
.disc-quickscan__result {
    padding: clamp(2rem, 3vw, 3.2rem);
    border-radius: var(--r-m, 1.2rem);
}

.disc-quickscan__question h3 {
    margin-bottom: 0;
}

/* Opties onder elkaar */
.disc-quickscan__options {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
    align-items: stretch;
}

/* Optie als tegel */
.disc-quickscan__option.btn {
    width: 100%;
    min-width: 0;
    min-height: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: left;
    padding: 1rem;
    border-radius: var(--r-s, 1rem);
    margin: 0;
    border: 0;
    box-shadow: none;
    appearance: none;
    cursor: pointer;
    position: relative;
    z-index: 1;
    background: #0d3158;
    color: #ffffff;
    --cl-text: #ffffff;
    transition:
        background-color var(--trns-timing) var(--trns-ease),
        color var(--trns-timing) var(--trns-ease),
        transform var(--trns-timing) var(--trns-ease);
}

/* Tekst in optie */
.disc-quickscan__option.btn span {
    position: relative;
    z-index: 2;
    pointer-events: none;
    font-weight: 700;
    color: #ffffff;
}

/* Pijlen in optie */
.disc-quickscan__option.btn .icon-arrow {
    pointer-events: none;
    top: 50%;
    right: 1rem;
    color: #ffffff;
}

/* Eerste pijl verbergen */
.disc-quickscan__option.btn .icon-arrow:first-child {
    opacity: 0;
}

/* Hover */
@media (hover: hover) {
    .disc-quickscan__option.btn:hover {
        background-color: var(--cl-primary);
        color: var(--cl-primary-text);
        --cl-text: var(--cl-primary-text);
        transform: translate3d(0.4rem, 0, 0);
    }

    .disc-quickscan__option.btn:hover span,
    .disc-quickscan__option.btn:hover .icon-arrow {
        color: var(--cl-primary-text);
    }

    .disc-quickscan__option.btn:hover .icon-arrow:first-child {
        opacity: 1;
        transform: translate3d(0, -50%, 0) scale(1);
    }

    .disc-quickscan__option.btn:hover .icon-arrow:last-child {
        opacity: 0;
        transform: translate3d(100%, -50%, 0) scale(0.5);
    }
}

/* Gekozen optie */
.disc-quickscan__option.btn.is-active,
.disc-quickscan__option.btn.active,
.disc-quickscan__option.btn.bg-primary {
    background-color: var(--cl-primary);
    color: var(--cl-primary-text);
    --cl-text: var(--cl-primary-text);
}

.disc-quickscan__option.btn.is-active span,
.disc-quickscan__option.btn.active span,
.disc-quickscan__option.btn.bg-primary span,
.disc-quickscan__option.btn.is-active .icon-arrow,
.disc-quickscan__option.btn.active .icon-arrow,
.disc-quickscan__option.btn.bg-primary .icon-arrow {
    color: var(--cl-primary-text);
}

/* Focus */
.disc-quickscan__option.btn:focus-visible,
.js-disc-result:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 4px;
}

/* Resultaatknop */
.js-disc-result {
    appearance: none;
    border: 0;
    cursor: pointer;
    position: relative;
    z-index: 1;
}

.js-disc-result span {
    position: relative;
    z-index: 2;
    pointer-events: none;
}

.js-disc-result .icon-arrow {
    pointer-events: none;
}

/* Validatiemelding */
.disc-quickscan__message {
    margin-top: 1.2em;
    font-weight: 700;
}

.disc-quickscan__message[hidden],
.disc-quickscan__result[hidden] {
    display: none !important;
}

/* Resultaatblok */
.disc-quickscan__result {
    position: sticky;
    top: calc(var(--nav-height) + 2em);
}

/* Grafiek */
.disc-quickscan__bars {
    display: grid;
    gap: 1.2em;
}

.disc-quickscan__bar-row {
    display: grid;
    grid-template-columns: minmax(9rem, 14rem) 1fr 3rem;
    gap: 1em;
    align-items: center;
}

.disc-quickscan__bar-label {
    display: grid;
    gap: .1em;
}

.disc-quickscan__bar-label strong {
    line-height: 1.1;
}

.disc-quickscan__bar-label span {
    font-size: .9em;
    line-height: 1.3;
}

.disc-quickscan__bar-track {
    height: 1.2rem;
    border-radius: 99rem;
    overflow: hidden;
}

.disc-quickscan__bar-fill {
    display: block;
    width: 0;
    height: 100%;
    border-radius: inherit;
    transition: width .45s var(--trns-ease);
}

.disc-quickscan__bar-value {
    text-align: right;
}

/* Samenvatting */
.disc-quickscan__summary {
    margin-top: var(--sp-xs);
}

.disc-quickscan__summary p:last-child {
    margin-bottom: 0;
}

/* Contact CTA onder resultaat */
.disc-quickscan__cta {
    margin-top: var(--sp-xs);
    padding-top: var(--sp-xs);
    border-top: 1px solid var(--cl-border);
}

.disc-quickscan__cta p {
    margin-bottom: 1em;
    font-weight: 700;
}

/* Tablet */
@media (max-width: 991px) {
    .disc-quickscan__result {
        position: static;
    }
}

/* Mobiel */
@media (max-width: 575px) {
    .disc-quickscan__question,
    .disc-quickscan__result {
        padding: 2rem;
    }

    .disc-quickscan__option.btn {
        padding: 1rem;
    }

    .disc-quickscan__bar-row {
        grid-template-columns: 1fr 3rem;
    }

    .disc-quickscan__bar-track {
        grid-column: 1 / -1;
        order: 3;
    }
}