/* Winkelreviews: /reviews/, homepageblok en de opmerking bij afrekenen. */
.sd-rv { display: flex; flex-direction: column; gap: 1.6rem; }

/* Sterren: grijs met goud tot het percentage (ook halve sterren bij een gemiddelde). */
.sd-rv-stars { display: inline-block; font-size: 1.1rem; letter-spacing: .08em; line-height: 1; white-space: nowrap; background: linear-gradient( 90deg, var(--sd-gold, #D4A23A) var(--sd-rv-pct), #C9CEDB var(--sd-rv-pct) ); -webkit-background-clip: text; background-clip: text; color: transparent; }

.sd-rv-summary { display: grid; grid-template-columns: auto 1fr; gap: 1.2rem 2.4rem; align-items: center; padding: 1.4rem; border: 1px solid var(--wp--preset--color--accent-6); border-radius: 14px; background: #fff; }
.sd-rv-score { display: flex; flex-direction: column; align-items: center; gap: .35rem; min-width: 8rem; }
.sd-rv-score strong { font-size: 3rem; line-height: 1; color: var(--sd-ink, #1A1F3D); }
.sd-rv-score .sd-rv-stars { font-size: 1.4rem; }
.sd-rv-score span:last-child { font-size: .85rem; color: var(--wp--preset--color--accent-4); }
.sd-rv-dist { display: flex; flex-direction: column; gap: .35rem; margin: 0; padding: 0; list-style: none; font-size: .85rem; }
.sd-rv-dist li { display: grid; grid-template-columns: 2.6rem 1fr 2rem; gap: .6rem; align-items: center; }
.sd-rv-dist li span:last-child { text-align: right; color: var(--wp--preset--color--accent-4); }
.sd-rv-bar { height: 8px; border-radius: 4px; background: var(--wp--preset--color--accent-6); overflow: hidden; }
.sd-rv-bar span { display: block; height: 100%; border-radius: 4px; background: var(--sd-gold, #D4A23A); }

.sd-rv-box { padding: 1.4rem; border: 1px solid var(--wp--preset--color--accent-6); border-radius: 14px; background: #fff; }
.sd-rv-box h2 { margin: 0 0 .4rem; font-size: 1.4rem; }
.sd-rv-box > p:last-child { margin-bottom: 0; }
.sd-rv-thanks { border-color: var(--wp--preset--color--emerald); }
.sd-rv-form { display: flex; flex-direction: column; gap: .9rem; }
.sd-rv-form label { display: flex; flex-direction: column; gap: .3rem; font-weight: 800; }
.sd-rv-form textarea, .sd-rv-form input[type="text"] { width: 100%; padding: .7rem; border: 1px solid var(--wp--preset--color--accent-6); border-radius: 8px; font: inherit; font-weight: 400; box-sizing: border-box; }
.sd-rv-form input[type="text"] { max-width: 320px; min-height: 44px; }
.sd-rv-form .wp-element-button { align-self: flex-start; }
.sd-rv-hint { margin: 0; font-size: .85rem; color: var(--wp--preset--color--accent-4); }
.sd-rv-error { margin: 0; padding: .6rem .8rem; border-radius: 8px; background: #FBE9EC; color: var(--wp--preset--color--ruby); font-weight: 700; }

/* Sterren kiezen: in de HTML van 5 naar 1, omgedraaid getoond, zodat hover/gekozen ook de sterren links kleurt. */
.sd-rv-rate { margin: 0; padding: 0; border: 0; }
.sd-rv-rate legend { margin-bottom: .3rem; font-weight: 800; }
.sd-rv-rate-stars { display: inline-flex; flex-direction: row-reverse; }
.sd-rv-rate-stars input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.sd-rv-rate-stars label { padding: 0 .1rem; font-size: 2.4rem; line-height: 1; color: #C9CEDB; cursor: pointer; transition: color .1s; }
.sd-rv-rate-stars label:hover, .sd-rv-rate-stars label:hover ~ label, .sd-rv-rate-stars input:checked ~ label { color: var(--sd-gold, #D4A23A); }
.sd-rv-rate-stars input:focus-visible + label { outline: 2px solid var(--sd-ink, #1A1F3D); outline-offset: 2px; border-radius: 4px; }

.sd-rv-list { display: flex; flex-direction: column; gap: 1rem; }
.sd-rv-item { padding: 1.1rem 1.3rem; border: 1px solid var(--wp--preset--color--accent-6); border-radius: 12px; background: #fff; }
.sd-rv-item header { display: flex; flex-wrap: wrap; align-items: center; gap: .3rem .7rem; }
.sd-rv-meta { width: 100%; font-size: .8rem; color: var(--wp--preset--color--accent-4); }
.sd-rv-text p { margin: .6rem 0 0; }
.sd-rv-reply { margin-top: .9rem; padding: .7rem .9rem; border-left: 3px solid var(--sd-gold, #D4A23A); border-radius: 0 8px 8px 0; background: var(--wp--preset--color--base, #F4F6FA); font-size: .92rem; }
.sd-rv-reply p { margin: .3rem 0 0; }
.sd-rv-pages .page-numbers { display: inline-block; min-width: 2.2rem; padding: .35rem .6rem; margin-right: .3rem; border: 1px solid var(--wp--preset--color--accent-6); border-radius: 8px; background: #fff; text-align: center; text-decoration: none; }
.sd-rv-pages .current { background: var(--sd-ink, #1A1F3D); border-color: var(--sd-ink, #1A1F3D); color: #fff; }
.sd-rv-empty, .sd-rv-policy { margin: 0; font-size: .88rem; color: var(--wp--preset--color--accent-4); }

/* Homepage */
.sd-rv-home { padding: var(--wp--preset--spacing--60) var(--wp--preset--spacing--30); background: #fff; border-top: 1px solid var(--wp--preset--color--accent-6); border-bottom: 1px solid var(--wp--preset--color--accent-6); }
.sd-rv-home-inner { max-width: var(--wp--style--global--wide-size, 1280px); margin: 0 auto; }
.sd-rv-home-head { display: flex; flex-wrap: wrap; align-items: baseline; gap: .5rem 1.4rem; margin-bottom: var(--wp--preset--spacing--40); }
.sd-rv-home-head h2 { margin: 0; font-size: clamp(1.6rem, 3vw, 2.2rem); }
.sd-rv-home-head p { margin: 0; }
.sd-rv-home-head p:last-child { margin-left: auto; }
.sd-rv-home-head a { font-weight: 700; text-decoration: underline; text-decoration-color: var(--sd-gold, #D4A23A); text-underline-offset: 5px; }
.sd-rv-home-score { display: flex; align-items: center; gap: .4rem; }
.sd-rv-home-list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; }
.sd-rv-home .sd-rv-item { background: var(--wp--preset--color--base, #F4F6FA); border-color: transparent; }
.sd-rv-home .sd-rv-text { display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; overflow: hidden; }

.sd-rv-checkout-note { max-width: var(--wp--style--global--wide-size, 1280px); margin: .8rem auto 0; padding: 0 1rem; font-size: .8rem; color: var(--wp--preset--color--accent-4); }

@media (max-width: 780px) {
	.sd-rv-summary { grid-template-columns: 1fr; }
	.sd-rv-home-list { grid-template-columns: 1fr; }
	.sd-rv-home-head p:last-child { margin-left: 0; }
}