/* =========================
   Super Reviews — Frontend
   ========================= */
.sr-wrapper{
  position:relative; overflow:hidden; display:block; width:100%;
  --gap:18px; --star-size:14px; --star-gap:4px; --avatar-size:32px;
}
.sr-wrapper.sr-theme-light{
  --bg:#fff; --fg:#111827; --muted:#64748b; --card:#fff; --border:#e5e7eb; --star:#f59e0b; --accent:#2563eb;
}
.sr-wrapper.sr-theme-dark{
  --bg:#0b1220; --fg:#f1f5f9; --muted:#94a3b8; --card:#111827; --border:#1f2937; --star:#fbbf24; --accent:#60a5fa;
}

/* Slider */
.sr-track{ display:flex; gap:0; will-change:transform; transition:transform .4s ease; }
.sr-slide{
  flex:0 0 100%; max-width:100%; box-sizing:border-box;
  padding-right:var(--gap);                 /* create spacing without showing next card */
}
.sr-slide:last-child{ padding-right:0; }    /* no extra space after the last slide */

/* Card */
.sr-card{
  background:var(--card); color:var(--fg); border:1px solid var(--border);
  border-radius:16px; padding:16px 18px; box-shadow:0 8px 24px rgba(0,0,0,.06);
  height:100%; display:flex; flex-direction:column;
}

/* Header */
.sr-card-top{ display:flex; justify-content:space-between; align-items:center; gap:8px; margin-bottom:10px; }
.sr-author{ display:flex; align-items:center; gap:10px; }
.sr-avatar{
  width:var(--avatar-size) !important; height:var(--avatar-size) !important;
  border-radius:50%; border:1px solid var(--border); object-fit:cover;
  max-width:none !important; display:inline-block; aspect-ratio:1/1;
}
.sr-name{ font-weight:600; }
.sr-date{ color:var(--muted); font-size:.85rem; opacity:.9; }

/* Stars (compact & theme-proof) */
.sr-stars{ color:var(--star); display:inline-flex; gap:var(--star-gap); line-height:0; }
.sr-stars .sr-star, .sr-stars svg.sr-star{
  width:var(--star-size) !important; height:var(--star-size) !important;
  display:inline-block; max-width:none !important;
}

/* Body & CTA */
.sr-text{ margin-top:8px; color:var(--fg); line-height:1.5; }
.sr-cta{ margin-top:12px; }
.sr-cta a{ color:var(--accent); text-decoration:none; font-weight:600; }
.sr-cta a:hover{ text-decoration:underline; }

/* Nav */
.sr-nav{
  position:absolute; top:50%; transform:translateY(-50%); z-index:2;
  background:var(--card); color:var(--fg); border:1px solid var(--border);
  width:40px; height:40px; border-radius:999px; display:grid; place-items:center; cursor:pointer;
}
.sr-prev{ left:6px; } .sr-next{ right:6px; }

/* Dots */
.sr-dots{ display:flex; gap:6px; justify-content:center; margin-top:10px; }
.sr-dots button{ width:8px; height:8px; border-radius:999px; border:0; background:#cbd5e1; cursor:pointer; }
.sr-dots button[aria-current="true"]{ background:var(--accent); }

/* Mobile */
@media (max-width:768px){ .sr-prev,.sr-next{ display:none; } }
@media (max-width:480px){
  .sr-wrapper{ --star-size:12px; --star-gap:3px; --avatar-size:28px; }
}
/* sitewide */
.sr-prev, .sr-next { display:none !important; }

/* OR: only where you add .sr-no-arrows on the wrapper */
.sr-no-arrows .sr-prev, 
.sr-no-arrows .sr-next { display:none !important; }