/* Reviewblok met drie platforms: aanvulling op .footer__feedback en .feedback--white uit style.css */
.feedback--platforms{padding:44px 0 48px}
.feedback--platforms .feedback__head{text-align:center;padding:0 15px}
.feedback--platforms .feedback__title{max-width:640px;font-size:1.875rem;line-height:1.2;margin:0 auto 26px}
.feedback__platforms{display:flex;justify-content:center;align-items:stretch;list-style:none;margin:0 auto 40px;padding:0;max-width:720px}
.feedback__platform{flex:1 1 0;display:flex;justify-content:center;padding:4px 12px;margin:0}
.feedback__platform+.feedback__platform{border-left:1px solid rgba(255,255,255,.5)}
.feedback__platform a{display:flex;flex-direction:column;align-items:center;gap:4px;color:#fff;text-decoration:none}
.feedback__platform a:hover .feedback__platform-count{text-decoration:underline}
.feedback__platform-logo{display:flex;align-items:center;gap:6px;height:28px;color:#fff}
.feedback__platform-logo svg{display:block;fill:currentColor;flex:0 0 auto}
.feedback__platform-logo .fbc{height:22px;width:auto}
.feedback__platform-name{font-size:.9375rem;font-weight:700;letter-spacing:.01em}
.feedback__platform-score{line-height:1}
.feedback__platform-score strong{font-size:1.625rem;font-weight:700;line-height:1}
.feedback__platform-score small{font-size:.8125rem;opacity:.8;margin-left:1px}
.feedback__platform-count{font-size:.8125rem;opacity:.85;white-space:nowrap}
.feedback--platforms .feedback__button{top:36px}
/* Slider: tekstvak vast op 4 regels (4 x 20 px regelhoogte + 10 px padding erboven = 90 px), langere reviews eindigen met puntjes.
   De padding eronder wordt een marge: line-clamp knipt op de rand van de padding, anders schemert regel 5 door.
   Werkt alleen zonder data-equalizer (op .feedback__reviews) en data-equalizer-watch (op .feedback__text): die zetten nu
   bij het laden een inline hoogte op elk tekstvak, gelijk aan de hoogte van de eerste slide. */
.feedback--platforms .feedback__text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;height:90px;min-height:0;max-height:none;padding-bottom:0;margin-bottom:10px}
.feedback__all{text-align:center;margin:18px 0 0;font-size:.9375rem}
.feedback__all a{color:#fff;text-decoration:underline;text-underline-offset:3px}
.feedback__all a:hover{text-decoration:none}
@media screen and (max-width:63.9375em){
  .feedback--platforms .feedback__title{font-size:1.5rem}
}
@media screen and (max-width:39.9375em){
  .feedback--platforms{padding:32px 0 36px}
  .feedback--platforms .feedback__title{font-size:1.375rem;max-width:300px;margin-bottom:18px}
  .feedback__platforms{margin-bottom:28px}
  .feedback__platform{padding:2px 6px}
  .feedback__platform-logo{height:22px;gap:4px}
  .feedback__platform-logo svg:not(.fbc){width:15px;height:15px}
  .feedback__platform-logo .fbc{height:18px}
  .feedback__platform-name{font-size:.8125rem}
  .feedback__platform-score strong{font-size:1.25rem}
  .feedback__platform-count,.feedback__platform-score small{font-size:.75rem}
  .feedback--platforms .feedback__button{top:30px}
  .feedback__all{margin-top:8px;font-size:.875rem}
}

/* Reviewbalk, aanvulling op .social-proofing__feedback uit style.css. Geen vet.
   Desktop: totaalcijfer, sterren, zin en de drie platforms met score. Mobiel (<640px): alleen sterren en de totalen, op één regel. */
.social-proofing__feedback--platforms{align-items:center;padding:12px 20px}
.social-proofing__feedback--platforms .sp-feedback__number{font-weight:400;font-size:1.0625rem;padding-right:14px}
.social-proofing__feedback--platforms .sp-feedback__number small{font-size:.8125rem;opacity:.7}
.social-proofing__feedback--platforms .sp-feedback__stars{min-width:0;padding-right:14px}
.social-proofing__feedback--platforms .sp-feedback__text span.green{color:inherit;font-weight:400}
.sp-feedback__platforms{display:flex;align-items:center;margin-left:auto;padding-left:16px;border-left:1px solid rgba(10,10,10,.2)}
.sp-platform{display:flex;align-items:center;gap:6px;padding:0 14px;white-space:nowrap;font-size:.875rem}
.sp-platform+.sp-platform{border-left:1px solid rgba(10,10,10,.2)}
.sp-platform svg{display:block;fill:currentColor;flex:0 0 auto;width:16px;height:16px}
.sp-platform svg.fbc{width:auto;height:18px}
.sp-platform .sp-platform__score{font-size:1rem}
.sp-feedback__anchor:hover~.sp-feedback__text{text-decoration:underline}
@media screen and (max-width:39.9375em){
  .social-proofing__feedback--platforms{justify-content:center;align-items:center;padding:12px 8px;font-size:.875rem}
  .social-proofing__feedback--platforms .sp-feedback__stars{padding:0 10px 0 0;margin-right:10px;border-right:1px solid rgba(10,10,10,.2);line-height:1}
  .social-proofing__feedback--platforms .sp-feedback__stars .stars img{margin:0 1px;vertical-align:middle}
  .social-proofing__feedback--platforms .sp-feedback__text{padding:0;white-space:nowrap;line-height:1.3}
}

/* Reviewkader in de sidebar van de reparatiepagina's (redesign-2026, .tco-reviews uit appointment.css): alleen de totalen */
.tco-reviews--totaal{text-decoration:none;color:inherit}
.tco-reviews--totaal .tco-fcscore{display:flex;align-items:center;gap:10px;border:0;padding:0}
.tco-reviews--totaal:hover .tco-fcscore{text-decoration:underline}
.tco-stars{display:inline-flex;gap:1px;flex-shrink:0;padding-right:10px;border-right:1px solid #e2e2e2}
.tco-stars img{width:12px;height:13px}
@media screen and (min-width:861px){
  .medewerker-sidebar + .regular-sidebar-wrapper{margin-top:16px}
}

.feedback--color.feedback--platforms .feedback__platform a,
.feedback--color.feedback--platforms .feedback__platform-logo,
.feedback--color.feedback--platforms .feedback__all a{color:inherit}
.feedback--color .feedback__platform+.feedback__platform{border-color:rgba(10,10,10,.2)}
.social-proofing__feedback--platforms .sp-feedback__anchor{z-index:1}
.social-proofing__feedback--platforms .sp-feedback__text{font-weight:400;white-space:nowrap}
.social-proofing__feedback--platforms .sp-feedback__stars img{flex:none}
.social-proofing__feedback--platforms .sp-feedback__stars .stars{display:flex;gap:2px}
.social-proofing__feedback--platforms .sp-feedback__platforms{padding-left:6px}
.social-proofing__feedback--platforms .sp-platform{padding:0 8px}
@media screen and (min-width:40em){
  .social-proofing__feedback--platforms{flex-wrap:wrap}
}
@media screen and (min-width:64em){
  .row.review-bar-row{width:80%;max-width:none;margin-left:auto;margin-right:auto}
  .review-bar-row>.column{padding-left:0;padding-right:0}
  .review-bar-row .social-proofing__feedback--platforms,
  body .page__social-proofing .review-bar-row .social-proofing__feedback--platforms{justify-content:flex-start;padding-left:0;padding-right:0}
  .review-bar-row .sp-platform:last-child{padding-right:0}
}
@media screen and (min-width:40em) and (max-width:63.9375em){
  .social-proofing__feedback--platforms{justify-content:center;gap:6px}
  .social-proofing__feedback--platforms .sp-feedback__platforms{margin:0;border-left:0}
}
@media screen and (max-width:39.9375em){
  .social-proofing__feedback--platforms .sp-feedback__platforms{display:none}
  .social-proofing__feedback--platforms .sp-feedback__stars{flex:none}
  .social-proofing__feedback--platforms .sp-feedback__text{font-size:clamp(.6875rem,3.5vw,.875rem)}
}