/* reviews_widget.css — Google-ish + subtle Aero/Vista gloss */
:root{
  --w-bg:#f7f9fc;
  --w-card:#ffffff;
  --w-ink:#1f2937;
  --w-muted:#6b7280;
  --w-border:#e5e7eb;
  --w-primary:#1a73e8;
  --w-shadow: 0 10px 24px rgba(0,0,0,.06);
}

.reviews-widget{ 
  position: relative;
  background: linear-gradient(180deg, rgba(255,255,255,.65), rgba(255,255,255,.35)), var(--w-bg);
  border:1px solid var(--w-border);
  border-radius:16px;
  padding:16px;
  box-shadow: var(--w-shadow);
  overflow:hidden;
}

/* Aero/Vista gloss */
.reviews-widget::before{
  content:"";
  position:absolute; left:-15%; right:-15%; top:-40px; height:120px;
  background: linear-gradient( to bottom, rgba(255,255,255,.65), rgba(255,255,255,.10) );
  filter: blur(6px);
  border-radius:100%;
  pointer-events:none;
}
.reviews-widget .rw-head{
  display:flex; align-items:baseline; justify-content:space-between; gap:10px;
  margin-bottom:10px;
}
.reviews-widget .rw-title{ margin:0; font-size:20px; font-weight:700; color:var(--w-ink); }
.reviews-widget .rw-sub{ margin:0; color:var(--w-muted); font-size:13px; }

.reviews-widget .rw-list{
  display:grid; gap:12px;
  grid-template-columns: repeat(5, minmax(0,1fr));
}
@media (max-width:1200px){ .reviews-widget .rw-list{ grid-template-columns: repeat(3, 1fr); } }
@media (max-width:820px){  .reviews-widget .rw-list{ grid-template-columns: repeat(2, 1fr); } }
@media (max-width:520px){  .reviews-widget .rw-list{ grid-template-columns: 1fr; } }

.reviews-widget .rw-card{
  position:relative;
  background: var(--w-card);
  border:1px solid var(--w-border);
  border-radius:14px;
  padding:12px;
  box-shadow: 0 8px 18px rgba(0,0,0,.04);
  min-height: 120px;
}
/* soft highlight line on top */
.reviews-widget .rw-card::after{
  content:""; position:absolute; left:0; right:0; top:-1px; height:2px; pointer-events:none;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.65), transparent);
  opacity:.7;
}

.rw-name{ font-weight:700; color:var(--w-ink); margin:0 0 2px 0; }
.rw-date{ color:var(--w-muted); font-size:12px; margin:0 0 6px 0; }
.rw-stars{ color:#f59e0b; letter-spacing:1px; font-size:15px; }
.rw-text{ color:var(--w-ink); font-size:14px; margin:8px 0 0 0; display:-webkit-box; -webkit-line-clamp:5; -webkit-box-orient: vertical; overflow:hidden; }

.rw-footer{
  display:flex; justify-content:flex-end; margin-top:12px;
}
.rw-more{
  appearance:none; border:1px solid var(--w-border); background:#fff; color:var(--w-ink);
  padding:8px 12px; border-radius:999px; text-decoration:none; font-weight:600;
  transition: box-shadow .15s ease, transform .06s ease, border-color .2s ease;
}
.rw-more:hover{ box-shadow: 0 6px 18px rgba(0,0,0,.08); border-color:#d1d5db; transform: translateY(-1px); }
.rw-more.primary{ background: var(--w-primary); color:#fff; border-color: transparent; }
.rw-more.primary:hover{ box-shadow: 0 8px 20px rgba(26,115,232,.28); }