.elementor-4868 .elementor-element.elementor-element-e899daa{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 50px;--row-gap:0px;--column-gap:50px;--overflow:hidden;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:60px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-4868 .elementor-element.elementor-element-e899daa:not(.elementor-motion-effects-element-type-background), .elementor-4868 .elementor-element.elementor-element-e899daa > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#26364A;}.elementor-4868 .elementor-element.elementor-element-5f95c44{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-4868 .elementor-element.elementor-element-ae1be03 .elementor-heading-title{font-weight:600;text-transform:none;color:var( --e-global-color-f3d242c );}.elementor-4868 .elementor-element.elementor-element-81d7993{color:var( --e-global-color-f3d242c );}.elementor-4868 .elementor-element.elementor-element-be9a666 .elementor-button{background-color:#F0C27B00;fill:var( --e-global-color-f3d242c );color:var( --e-global-color-f3d242c );border-style:solid;border-width:0px 0px 1px 0px;border-color:var( --e-global-color-f3d242c );border-radius:0px 0px 0px 0px;padding:7px 7px 7px 7px;}.elementor-4868 .elementor-element.elementor-element-be9a666 .elementor-button:hover, .elementor-4868 .elementor-element.elementor-element-be9a666 .elementor-button:focus{background-color:#D2BCAE00;color:var( --e-global-color-accent );border-color:var( --e-global-color-accent );}.elementor-4868 .elementor-element.elementor-element-be9a666{width:var( --container-widget-width, 258.716% );max-width:258.716%;--container-widget-width:258.716%;--container-widget-flex-grow:0;}.elementor-4868 .elementor-element.elementor-element-be9a666 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-4868 .elementor-element.elementor-element-be9a666.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-4868 .elementor-element.elementor-element-be9a666 .elementor-button:hover svg, .elementor-4868 .elementor-element.elementor-element-be9a666 .elementor-button:focus svg{fill:var( --e-global-color-accent );}.elementor-4868 .elementor-element.elementor-element-b63048e > .elementor-widget-container{--e-transform-scale:1.1;}body:not(.rtl) .elementor-4868 .elementor-element.elementor-element-b63048e{right:-90px;}body.rtl .elementor-4868 .elementor-element.elementor-element-b63048e{left:-90px;}.elementor-4868 .elementor-element.elementor-element-b63048e{top:-91px;}.elementor-4868 .elementor-element.elementor-element-335bf7f{--display:flex;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-4868 .elementor-element.elementor-element-335bf7f:not(.elementor-motion-effects-element-type-background), .elementor-4868 .elementor-element.elementor-element-335bf7f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-f3d242c );}@media(max-width:767px){.elementor-4868 .elementor-element.elementor-element-be9a666.elementor-element{--align-self:flex-start;}.elementor-4868 .elementor-element.elementor-element-b63048e > .elementor-widget-container{--e-transform-scale:0.4;}body:not(.rtl) .elementor-4868 .elementor-element.elementor-element-b63048e{right:-130px;}body.rtl .elementor-4868 .elementor-element.elementor-element-b63048e{left:-130px;}.elementor-4868 .elementor-element.elementor-element-b63048e{top:-128px;}}@media(min-width:768px){.elementor-4868 .elementor-element.elementor-element-5f95c44{--width:50%;}}/* Start custom CSS for shortcode, class: .elementor-element-fc5752f *//* ========================================
   SLAAPJONG REVIEWS
   ======================================== */

/* ----------------------------------------
   Kleuren en instellingen
   ---------------------------------------- */
.glsr-reviews {
    --sj-navy: #26364A;
    --sj-text: #2F2F2F;
    --sj-brown: #6D4C41;
    --sj-star: #F0C27B;
    --sj-green: #8FA98E;
    --sj-border: #E3E5EB;
    --sj-radius: 18px;
}


/* ========================================
   GRID MET REVIEWS
   ======================================== */

.glsr-reviews {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px !important;
    margin: 0 !important;
    align-items: stretch !important;
}


/* ========================================
   REVIEWKAART
   Elke kaart is zelf ook een grid:
   - kolom 1 = vinkje (klapt dicht als er geen vinkje is)
   - kolom 2 = naam
   - rij 4 (tekst) neemt alle resterende hoogte in
   ======================================== */

.glsr-review {
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr);
    grid-template-rows: auto auto auto 1fr auto;
    column-gap: 0;
    align-items: start;

    box-sizing: border-box;
    height: 100% !important;
    margin: 0 !important;
    padding: 24px !important;

    background: #FFFFFF !important;
    border: 1px solid var(--sj-border, #E3E5EB) !important;
    border-radius: 18px !important;
    box-shadow: none !important;
}

/* Rating, titel, datum en tekst over de volle breedte */
.glsr-review-rating,
.glsr-review-title,
.glsr-review-date,
.glsr-review-content {
    grid-column: 1 / -1;
}

.glsr-review-rating  { grid-row: 1; }
.glsr-review-title   { grid-row: 2; }
.glsr-review-date    { grid-row: 3; }
.glsr-review-content { grid-row: 4; }


/* ========================================
   STERREN
   ======================================== */

.glsr-review-rating {
    display: flex !important;
    justify-content: flex-start !important;
    align-items: center !important;
    margin: 0 0 8px 0 !important;
}

.glsr-star-rating.glsr-stars {
    display: inline-flex !important;
    justify-content: flex-start !important;
    align-items: center !important;
    gap: 4px !important;
}

.glsr-review .glsr-star {
    color: #F0C27B !important;
}


/* ========================================
   TITEL
   ======================================== */

.glsr-review-title {
    margin: 0 !important;
}

.glsr-review-title h4 {
    margin: 0 !important;

    font-family: "Lato", Sans-serif !important;
    font-size: 18px !important;
    line-height: 1.4 !important;
    font-weight: 600 !important;
    color: #2F2F2F !important;
    text-transform: none !important;
}


/* ========================================
   DATUM
   ======================================== */

.glsr-review-date,
.glsr-default .glsr-review-date {
    display: block !important;
    width: auto !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 2px 0 14px 0 !important;
    padding: 0 !important;

    font-size: 13px !important;
    line-height: 1.4 !important;
    font-weight: 600 !important;
    color: #6D4C41 !important;
    white-space: normal !important;
}


/* ========================================
   REVIEWTEKST
   ======================================== */

.glsr-review-content {
    margin: 0 !important;

    font-size: 14px !important;
    line-height: 1.55 !important;
    color: #2F2F2F !important;
}

.glsr-review-content p {
    margin: 0 !important;
}


/* ========================================
   ONDERSTE RIJ: VINKJE + NAAM
   Vinkje staat in kolom 1, naam in kolom 2.
   Zonder vinkje heeft kolom 1 geen breedte,
   dus de naam staat dan gewoon links.
   ======================================== */

.glsr-review-verified {
    grid-column: 1;
    grid-row: 5;
    align-self: center;
    margin: 16px 0 0 0 !important;
}

.glsr-review-author {
    grid-column: 2;
    grid-row: 5;
    align-self: center;
    display: inline-flex !important;
    align-items: center !important;
    gap: 0 !important;
    margin: 16px 0 0 0 !important;
    padding: 0 !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
    font-weight: 600 !important;
    color: #6D4C41 !important;
}


/* ========================================
   GEVERIFIEERD-VINKJE + TOOLTIP
   ======================================== */

.glsr-review-verified {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;

    color: #8FA98E !important;
    font-size: 0 !important;   /* verbergt eventuele tekst naast het icoon */
    line-height: 1 !important;
    cursor: help !important;
}

.glsr-review-verified svg {
    width: 17px !important;
    height: 17px !important;
    color: #8FA98E !important;
    margin-right: -8px !important;
    fill: currentColor !important;
    position: relative !important;
z-index: 5 !important;
}

/* Tooltip */
.glsr-review-verified::after {
    content: "Ik vind het belangrijk dat reviews betrouwbaar zijn. Daarom vraag ik ouders sinds oktober 2026 om hun review via e-mail te bevestigen. Zie je een vinkje? Dan is de review geverifieerd. De oudere reviews zijn ook afkomstig van ouders die SlaapJong hebben gevolgd, maar zijn geplaatst vóór de invoering van deze extra controle. 💛";

    position: absolute;
    left: 0;
    bottom: calc(100% + 10px);
    z-index: 20;

    width: 260px;
    padding: 12px 14px;

    background: #26364A;
    color: #FFFFFF;
    border-radius: 10px;

    font-family: "Nunito Sans", Arial, sans-serif;
    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    text-align: left;

    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.2s ease, visibility 0.2s ease;
}

.glsr-review-verified:hover::after {
    opacity: 1;
    visibility: visible;
}

/* Vangnet: als het vinkje ín het auteur-element blijkt te staan,
   zet het dan vóór de naam */
.glsr-review-author .glsr-review-verified {
    order: -1;
    margin: 0 !important;
}


/* ========================================
   GEEN AFBEELDINGEN
   ======================================== */

.glsr-review img,
.glsr-review-avatar {
    display: none !important;
}


/* ========================================
   TOON MEER
   ======================================== */

.glsr-button-loadmore.glsr-button.wp-block-button__link.wp-element-button {
    background-color: #26364A;
    border-radius: 99px;
}


/* ========================================
   TABLET
   ======================================== */

@media (max-width: 1024px) {
    .glsr-reviews {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}


/* ========================================
   MOBIEL
   ======================================== */

@media (max-width: 767px) {
    .glsr-reviews {
        grid-template-columns: 1fr;
        gap: 16px !important;
    }

    .glsr-review {
        padding: 20px !important;
    }

    /* Tooltip iets smaller zodat hij niet buiten het scherm valt */
    .glsr-review-verified::after {
        width: 220px;
    }
}/* End custom CSS */