/* ux-home-reviews.css – Bewertungs-Sektion auf der Startseite (13.10.2026)
 * Daten: /api/UX/platform-reviews (nur freigegebene Bewertungen). Sektion bleibt
 * versteckt (hidden), bis genug freigegebene Bewertungen vorliegen (siehe ux-home-reviews.js). */
.cc-reviews[hidden]{display:none!important}
body.lg2 .cc-reviews.b-sec{padding:0 0 24px!important;background:#fff!important}
#reviews{scroll-margin-top:72px}
.rv-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:32px;align-items:end}
.rv-score{display:flex;flex-direction:column;align-items:flex-start;gap:6px;background:var(--b-cloud,#ebf0f8);border-radius:24px;padding:24px 28px;min-width:230px}
.rv-score__num{font:700 clamp(40px,4.6vw,56px)/1 var(--lg-font,Inter,sans-serif);letter-spacing:-.03em;color:var(--b-ink,#222326)}
.rv-score__num small{font-size:.42em;font-weight:600;color:var(--b-gray,#747679);letter-spacing:0;margin-left:4px}
.rv-stars{--p:100%;display:inline-block;font-size:22px;line-height:1;letter-spacing:2px;color:#d6dbe3;position:relative;white-space:nowrap}
.rv-stars::before{content:"★★★★★";position:absolute;inset:0;width:var(--p);overflow:hidden;color:#FFC107;white-space:nowrap}
.rv-score__count{font:500 15px/1.3 var(--lg-font,Inter,sans-serif);color:var(--b-gray,#747679)}
.rv-score__verified{display:inline-flex;align-items:center;gap:6px;font:600 13px/1 var(--lg-font,Inter,sans-serif);color:var(--b-ink,#222326);background:#fff;border-radius:9999px;padding:8px 12px;margin-top:4px}
.rv-score__verified i{font-style:normal;color:#31ce01}
.rv-track{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:40px}
.rv-card{background:var(--b-cloud,#ebf0f8);border-radius:24px;padding:28px;display:flex;flex-direction:column;gap:14px;min-width:0;transition:transform .25s,background .25s}
.rv-card:hover{transform:translateY(-4px);background:var(--b-cloud-2,#dfe7f3)}
.rv-card .rv-stars{font-size:18px}
.rv-card__text{font:400 17px/1.5 var(--lg-font,Inter,sans-serif);color:var(--b-ink,#222326);margin:0;flex:1;word-break:break-word}
.rv-card__text::before{content:"„"}.rv-card__text::after{content:"“"}
.rv-card__text[lang=en]::before{content:"“"}.rv-card__text[lang=en]::after{content:"”"}
.rv-card__foot{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;font:500 14px/1.3 var(--lg-font,Inter,sans-serif);color:var(--b-gray,#747679)}
.rv-card__foot b{display:block;font-weight:600;color:var(--b-ink,#222326)}
.rv-badge{display:inline-flex;align-items:center;gap:4px;font:600 12px/1 var(--lg-font,Inter,sans-serif);color:var(--b-ink,#222326);background:#fff;border-radius:9999px;padding:6px 10px;white-space:nowrap}
.rv-badge i{font-style:normal;color:#31ce01}
.rv-mini{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.rv-mini > span{display:inline-flex;align-items:center;gap:8px;max-width:100%;background:#fff;box-shadow:inset 0 0 0 1px #d6dbe3;border-radius:9999px;padding:8px 14px;font:500 14px/1 var(--lg-font,Inter,sans-serif);color:var(--b-ink,#222326)}
.rv-mini .rv-stars{font-size:14px;letter-spacing:1px}
.rv-mini b{font-weight:600;white-space:nowrap}
.rv-mini small{color:var(--b-gray,#747679);font-size:13px;min-width:0}
.rv-foot{margin-top:24px;font:400 13px/1.4 var(--lg-font,Inter,sans-serif);color:var(--b-gray,#747679)}
@media(max-width:900px){
  body.lg2 .cc-reviews.b-sec{padding:0!important;margin-bottom:-32px}
  .rv-foot{margin-top:16px}
  .rv-head{grid-template-columns:1fr;gap:20px}
  .rv-score{flex-direction:row;flex-wrap:wrap;align-items:center;gap:10px 16px;min-width:0;padding:18px 20px}
  .rv-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;margin:28px -24px 0;padding:4px 24px 12px;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .rv-track::-webkit-scrollbar{display:none}
  .rv-card{flex:0 0 min(82vw,340px);scroll-snap-align:start;padding:22px}
  .rv-card__text{font-size:16px}
}

/* Badge in der Filterleiste neben „Erweiterte Suche“ */
body.lg2 .rv-hb{display:inline-flex;align-items:center;gap:8px;background:#fff;box-shadow:inset 0 0 0 1px #d6dbe3;border-radius:9999px;padding:10px 14px;font:600 15px/1 var(--lg-font,Inter,sans-serif)!important;color:var(--b-ink,#222326);text-decoration:none;cursor:pointer;transition:background .2s;align-self:center;white-space:nowrap}
body.lg2 .rv-hb:hover{background:var(--b-cloud,#ebf0f8)}
body.lg2 .rv-hb .rv-stars{font-size:15px;letter-spacing:1px}
body.lg2 .rv-hb b{font-weight:700}
body.lg2 .rv-hb .rv-hb__n{font-weight:500;color:var(--b-gray,#747679)}
body.lg2 .rv-hb .rv-hb__n em{font-style:normal}
@media(max-width:480px){
  body.lg2 .rv-hb{padding:9px 10px;font-size:14px!important;gap:5px}
  body.lg2 .rv-hb .rv-stars{font-size:13px;letter-spacing:0}
  body.lg2 .rv-hb .rv-hb__n{font-size:0}
  body.lg2 .rv-hb .rv-hb__n em{font-size:14px}
  body.lg2 .rv-hb .rv-hb__n::before{content:"(";font-size:14px}
  body.lg2 .rv-hb .rv-hb__n::after{content:")";font-size:14px}
}
@media(max-width:389px){ body.lg2 .rv-hb .rv-hb__n{display:none} }