/*** ---------- Block: Media ---------- ***/
.wpb-block--media .wpb-text { margin-bottom: 2rem; }

/*** ---------- Block: FAQ ---------- ***/
.wpb-block--faq { --gc: 1; }
.wpb-block--faq .container { display: grid; grid-template-columns: repeat(var(--gc), minmax(0, 1fr)); column-gap: 2rem; row-gap: 2rem; }

@media (min-width: 992px) {
    .wpb-block--faq-primary, .wpb-block--faq-secondary { --gc: 2; align-items: start; }
    .wpb-block--faq-primary .container, .wpb-block--faq-secondary .container { column-gap: 3.2rem; }
    .wpb-block--faq-primary .container .wpb-accordion { order: -1; }
}

@media (min-width: 1200px) {
    .wpb-block--faq-primary .container, .wpb-block--faq-secondary .container { column-gap: 6.4rem; }
}



/*** ---------- Block: Nieuws ---------- ***/
.wpb-block--news{
    .wpb-section__body { --gc: 1; --gap: 2rem;
        .container { display: grid; grid-template-columns: repeat(var(--gc), minmax(0, 1fr)); gap: var(--gap); }
    }
    .wpb-section__footer .btn-group{ justify-content: center; }
}

@media (min-width: 768px) {
    .wpb-block--news .wpb-section__body { --gc: 2; --gap: 3rem; }
}
@media (min-width: 992px) {
    .wpb-block--news .wpb-section__body { --gc: 3; }
}


/*** ---------- Block: Text Shortcode ---------- ***/
.wpb-block--text-gravityform .container { column-gap: 2rem; row-gap: 2rem; }

@media (min-width: 992px) {
    .wpb-block--text-gravityform .container { column-gap: 3.2rem; }
    .wpb-block--text-gravityform-primary .wpb-card { order: -1; }
}

@media (min-width: 1200px) {
    .wpb-block--text-gravityform .container { column-gap: 6.4rem; }
}

@media (min-width: 1200px) {
    .wpb-block--text-gravityform .container { column-gap: 9.8rem; }
}



/*** ---------- Block: Tekst & video ---------- ***/
.wpb-block--text-video .container { column-gap: 2rem; row-gap: 2rem; }
.wpb-block--text-video .wpb-ratio :is(iframe, img) { border-radius: .5rem; }
.wpb-block--text-video .wpb-ratio .youtube-play { width: 100%; height: 100%; padding: 0; border: 0; background: none; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 5; cursor: pointer; transition: opacity var(--ts-35) ease; }
.wpb-block--text-video .wpb-ratio .youtube-play img { object-fit: cover; width: 100%; height: 100%; }
.wpb-block--text-video .wpb-ratio .youtube-play .play-icon { position: absolute; top: calc(50% - 3.2rem); left: calc(50% - 3.2rem); display: grid; place-items: center; z-index: 2; background-color: var(--clr-primary); border-radius: 50%; width: 6.4rem; height: 6.4rem; transition: .25s ease; }
.wpb-block--text-video .wpb-ratio .youtube-play .play-icon .icon { color: rgb(255,255,255); }
.wpb-block--text-video .wpb-ratio:hover .youtube-play .play-icon { transform: scale(1.065); }

@media (min-width: 992px) {
    .wpb-block--text-video .container { column-gap: 3.2rem; }
    .wpb-block--text-video.wpb-block--text-video-primary .wpb-ratio { order: -1; }
}

@media (min-width: 1200px) {
    .wpb-block--text-video .container { column-gap: 6.4rem; }
}

@media (min-width: 1400px) {
    .wpb-block--text-video .container { column-gap: 9.8rem; }
}

/*** ---------- Block: Machine aanbod ---------- ***/
.wpb-block--machine-supply{
    &.wpb-bg-clr--transparent ul.wpb-buttons-grid li > .wpb-buttons-grid__button.wpb-buttons-grid__button--featured{ --bg-clr: var(--clr-light); }
}


/*** ---------- Single ---------- ***/
.wpb-content{ --gtc: minmax(0, 1fr); --gap: 2.4rem;
    .container { display: grid; grid-template-columns: var(--gtc); gap: var(--gap); }
    .wpb-content__sidebar .wpb-content__sidebar__sticky{ position: sticky; top: 3rem; }
    
    &.wpb-content--news .wpb-content__sidebar{
        h3{ --fs: clamp(1.8rem, 2vw, 2.4rem); font-family: var(--clr-primary); }
        .wpb-content__sidebar__sticky > * + *{ margin-top: 1.6rem; }
    }
    &.wpb-content--index{
        .wpb-content__sidebar{ order: -1; }
    }
}
@media (min-width: 768px) {
    .wpb-content{ --gtc: minmax(0, 1fr); --gap: 4.8rem; }
}
@media (min-width: 992px) {
    .wpb-content{ --gtc: minmax(0, 1fr) 38rem; --gap: 4.8rem; 
        &.wpb-content--news{ --gtc: minmax(0, 1fr) 38rem; }
        &.wpb-content--index{ --gtc: minmax(0, 1fr) 28rem;
            .wpb-content__sidebar{ order: 2; }
        }
    }
}
@media (min-width: 1200px) {
    .wpb-content{ --gtc: minmax(0, 1fr) 46rem; --gap: 6.4rem; }
}
@media (min-width: 1400px) {
    .wpb-content{ --gtc: minmax(0, 1fr) 54rem; --gap: 9rem; }
}


/*** ---------- Content sections (Single content blocks) ---------- ***/
.content-section{ --section-spacing: 3.2rem;
    &:not(.content-section--header){ padding-bottom: var(--section-spacing); }

    &.content-section--header{
        h1{ font-family: var(--font-secondary); }
        .wpb-image{ --aspect-ratio: min(50%, clamp(30rem, 30vw, 48rem)); margin-top: 2.4rem; padding-bottom: var(--aspect-ratio); position: relative;
            img{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
        }
    }
}

@media (min-width: 992px) {
    .content-section{ --section-spacing: 2.8rem; }
}