/* ════════════════════════════════════════════════════════════════════════
   MISSION AUTO GLASS — Reviews Widget styles
   Scoped under .mag-reviews so it can drop into the live site without
   colliding with existing classes. Brand: navy #0A3A5E, gold #FFC107.
   ════════════════════════════════════════════════════════════════════════ */
.mag-reviews {
  --mag-navy: #0A3A5E;
  --mag-gold: #FFC107;
  --mag-ink: #1f2937;
  --mag-muted: #6b7280;
  --mag-card: #ffffff;
  --mag-line: #e5e7eb;
  --mag-gap: 20px;
  max-width: 1100px;
  margin: 0 auto;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  color: var(--mag-ink);
}

/* Summary row */
.mag-reviews .mag-rv-summary {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  flex-wrap: wrap;
  margin-bottom: 22px;
}
.mag-reviews .mag-rv-score { font-size: 1.6rem; font-weight: 800; color: var(--mag-navy); line-height: 1; }
.mag-reviews .mag-rv-count { color: var(--mag-muted); font-size: 0.95rem; }

/* Stars */
.mag-reviews .mag-rv-stars { font-size: 1.05rem; letter-spacing: 1px; line-height: 1; white-space: nowrap; }
.mag-reviews .mag-rv-stars-on { color: var(--mag-gold); }
.mag-reviews .mag-rv-stars-off { color: #d8dee6; }

/* Carousel shell */
.mag-reviews .mag-rv-carousel { display: flex; align-items: center; gap: 8px; }
.mag-reviews .mag-rv-arrow {
  flex: 0 0 auto;
  width: 40px; height: 40px;
  border-radius: 50%;
  border: 1px solid var(--mag-line);
  background: #fff;
  color: var(--mag-navy);
  font-size: 1.5rem; line-height: 1;
  cursor: pointer;
  display: flex; align-items: center; justify-content: center;
  transition: background .15s, box-shadow .15s, transform .15s;
}
.mag-reviews .mag-rv-arrow:hover { background: var(--mag-navy); color: #fff; box-shadow: 0 4px 14px rgba(10,58,94,.25); }
.mag-reviews .mag-rv-arrow:focus-visible { outline: 3px solid var(--mag-gold); outline-offset: 2px; }

/* Track (scroll-snap) */
.mag-reviews .mag-rv-track {
  --pv: 1;
  flex: 1 1 auto;
  display: flex;
  gap: var(--mag-gap);
  overflow-x: auto;
  scroll-behavior: auto;             /* continuous marquee controls scrollLeft directly */
  padding: 6px 2px 10px;
  scrollbar-width: none;             /* Firefox */
  cursor: grab;
}
.mag-reviews .mag-rv-track.is-dragging {
  cursor: grabbing;
  user-select: none;
}
.mag-reviews .mag-rv-track::-webkit-scrollbar { display: none; }  /* WebKit */
.mag-reviews .mag-rv-track:focus-visible { outline: 3px solid var(--mag-gold); outline-offset: 2px; border-radius: 12px; }

@media (min-width: 600px) { .mag-reviews .mag-rv-track { --pv: 2; } }
@media (min-width: 900px) { .mag-reviews .mag-rv-track { --pv: 3; } }

/* Slide card */
.mag-reviews .mag-rv-slide {
  flex: 0 0 calc((100% - (var(--pv) - 1) * var(--mag-gap)) / var(--pv));
  box-sizing: border-box;
  margin: 0;
  background: var(--mag-card);
  border: 1px solid var(--mag-line);
  border-left: 4px solid var(--mag-gold);
  border-radius: 14px;
  padding: 20px;
  box-shadow: 0 6px 20px rgba(16,24,40,.06);
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.mag-reviews .mag-rv-head { display: flex; align-items: center; gap: 12px; }
.mag-reviews .mag-rv-avatar {
  flex: 0 0 auto; width: 44px; height: 44px; border-radius: 50%;
  object-fit: cover; background: #eef2f7;
}
.mag-reviews .mag-rv-avatar--initial {
  display: flex; align-items: center; justify-content: center;
  font-weight: 700; color: #fff; background: var(--mag-navy); font-size: 1.1rem;
}
.mag-reviews .mag-rv-meta { display: flex; flex-direction: column; min-width: 0; }
.mag-reviews .mag-rv-author { font-style: normal; font-weight: 700; color: var(--mag-navy); }
.mag-reviews .mag-rv-when { font-size: .8rem; color: var(--mag-muted); }
.mag-reviews .mag-rv-head .mag-rv-g { margin-left: auto; flex: 0 0 auto; }
.mag-reviews .mag-rv-text {
  margin: 0; line-height: 1.55; color: #374151;
  display: -webkit-box;
  -webkit-line-clamp: 5;          /* cap long reviews; "…" appears, full text is on Google */
  line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* "Read on Google" link */
.mag-reviews .mag-rv-more {
  display: block; text-align: center; margin-top: 18px;
  color: var(--mag-navy); font-weight: 700; text-decoration: none;
}
.mag-reviews .mag-rv-more:hover { text-decoration: underline; }

/* Loading + degraded */
.mag-reviews.mag-reviews--loading { min-height: 160px; opacity: .6; }
.mag-reviews .mag-rv-degraded { text-align: center; padding: 16px; }
.mag-reviews .mag-rv-degraded-msg { color: var(--mag-muted); margin: 0 0 12px; }