/* Startseite: Google-Bewertungen „Im Wechsel“, Farbversion F1 Hellblau (30.09.2026).
   Rollback: zsh _snapshot-reviews-2026-09-30/restore-reviews.sh */
.sms-reviews.sms-rvw { text-align: center; }
.sms-rvw .sms-rvw-box { max-width: 760px; margin: 0 auto; }
.sms-rvw .sms-reviews-eb { padding-left: .1em; }
.sms-rvw .sms-reviews-head { margin-bottom: 28px; }
.sms-rvw p { max-width: none; margin-left: auto; margin-right: auto; }
.sms-rvw-slides { display: grid; align-items: center; justify-items: center; }
.sms-rvw-slide { grid-area: 1 / 1; width: 100%; opacity: 0; visibility: hidden; transition: opacity .4s ease; }
.sms-rvw-slide.is-on { opacity: 1; visibility: visible; }
.sms-rvw .sms-rvw-stars { color: var(--wp--preset--color--secondary); font-size: 1rem; letter-spacing: 4px; padding-left: 4px; line-height: 1; margin: 0 auto 16px; }
.sms-rvw .sms-rvw-q { font-size: clamp(1.08rem, 1.7vw, 1.25rem); line-height: 1.6; font-weight: 500; color: var(--wp--preset--color--contrast); margin: 0 auto 16px; max-width: 52ch; text-wrap: balance; }
.sms-rvw .sms-rvw-by { margin: 0 auto; font-size: .8rem; line-height: 1.4; color: var(--wp--preset--color--contrast); }
.sms-rvw-name { font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.sms-rvw-what { color: #5B6B73; font-weight: 600; }
.sms-rvw-what::before { content: "·"; margin: 0 .45em 0 .35em; }
.sms-rvw-nav { display: flex; justify-content: center; align-items: center; gap: 12px; margin-top: 26px; }
.sms-rvw-arrow { flex: none; width: 40px; height: 40px; display: grid; place-items: center; border: 1px solid #DCE7EC; background: #fff; color: var(--wp--preset--color--contrast); cursor: pointer; padding: 0; border-radius: 0; transition: border-color .15s ease, color .15s ease; }
.sms-rvw-arrow svg { width: 16px; height: 12px; }
.sms-rvw-arrow:hover { border-color: var(--wp--preset--color--primary); color: var(--wp--preset--color--primary); }
.sms-rvw-dots { display: flex; gap: 8px; margin: 0 6px; }
.sms-rvw-dot { position: relative; width: 30px; height: 4px; border: 0; padding: 0; background: #DCE7EC; cursor: pointer; overflow: hidden; border-radius: 0; }
.sms-rvw-fill { position: absolute; inset: 0; background: var(--wp--preset--color--primary); transform-origin: left; transform: scaleX(0); }
.sms-rvw.is-js .sms-rvw-dot[aria-current="true"] .sms-rvw-fill { animation: sms-rvw-fill 7s linear forwards; }
.sms-rvw:not(.is-js) .sms-rvw-dot[aria-current="true"] .sms-rvw-fill, .sms-rvw-dot.is-done .sms-rvw-fill { transform: scaleX(1); animation: none; }
.sms-rvw .sms-rvw-box:hover .sms-rvw-fill, .sms-rvw .sms-rvw-box:focus-within .sms-rvw-fill { animation-play-state: paused; }
@keyframes sms-rvw-fill { from { transform: scaleX(0); } to { transform: scaleX(1); } }
.sms-rvw-arrow:focus, .sms-rvw-dot:focus { outline: none; }
.sms-rvw-arrow:focus-visible, .sms-rvw-dot:focus-visible, .sms-rvw-more a:focus-visible { outline: 3px solid var(--wp--preset--color--contrast); outline-offset: 3px; }
.sms-rvw .sms-rvw-more { margin: 22px auto 0; }
.sms-rvw-more a { font-family: var(--wp--preset--font-family--big-shoulders); font-weight: 800; text-transform: uppercase; letter-spacing: .05em; font-size: 1.02rem; color: var(--wp--preset--color--contrast); text-decoration: none; border-bottom: 3px solid var(--wp--preset--color--secondary); padding-bottom: 2px; }
.sms-rvw-more a:hover { border-bottom-color: var(--wp--preset--color--contrast); }
@media (prefers-reduced-motion: reduce) {
  .sms-rvw-slide, .sms-rvw-arrow { transition: none; }
  .sms-rvw.is-js .sms-rvw-dot[aria-current="true"] .sms-rvw-fill { animation: none; transform: scaleX(1); }
}
/* Kein weißer Streifen über dem Abschnitt (Block-Abstand des umgebenden Gruppen-Blocks) */
.wp-block-post-content > .wp-block-group:has(> .sms-rvw) { margin-block-start: 0; }
.wp-block-post-content > .wp-block-group:has(> .sms-rvw) + * { margin-block-start: 0; }
