/* Reviews, stjerneinput, kommentarer, composer
   Udtrukket fra index.html (linje 267-292 i den oprindelige <style>-blok).
   Raekkefoelgen af <link>-tags i index.html skal bevares - kaskaden afhaenger af den. */

/* ---------- reviews ---------- */
.review-summary{display:flex;align-items:center;gap:1.2rem;background:var(--white);
  border:1px solid var(--line);border-radius:12px;padding:1rem 1.2rem;margin-bottom:1rem}
.big-score{font-family:var(--serif);font-size:2.4rem;font-weight:900;line-height:1}
.star-input{display:inline-flex;gap:3px}
.star-input button{background:none;border:none;padding:0;color:var(--line)}
.star-input button svg{width:26px;height:26px}
.star-input button.on{color:var(--orange)}
.review{border-top:1px solid var(--line);padding:.9rem 0}
.review:first-of-type{border-top:none}
.review .rhead{display:flex;align-items:center;gap:.6rem;margin-bottom:.3rem}
.review .rhead b{font-size:.92rem}
.review .rhead .stars{margin-left:auto}
.review .rtext{font-size:.9rem;color:#4a4a4a;font-weight:500}
.who-line{font-size:.76rem;color:var(--slate);font-weight:600}

/* ---------- comments ---------- */
.comment{display:flex;gap:.7rem;padding:.7rem 0;border-top:1px solid var(--line)}
.comment:first-of-type{border-top:none}
.comment .body{min-width:0;flex:1}
.comment .cmeta{font-size:.78rem;color:var(--slate);font-weight:600;margin-bottom:.15rem;display:flex;align-items:center;gap:.4rem}
.comment .cmeta b{color:var(--ink)}
.comment .ctext{font-size:.9rem;font-weight:500;color:#3d3d3d}
.composer{display:flex;gap:.6rem;margin-top:1rem}
.composer textarea,.composer input[type=text]{flex:1;border:1.5px solid var(--line);border-radius:12px;
  padding:.65rem .8rem;font:inherit;resize:vertical;background:var(--white)}
.composer textarea:focus,.composer input:focus{border-color:var(--gold);outline:none}