/** Shopify CDN: Minification failed

Line 30:0 All "@import" rules must come first

**/
/* =========================================================
   JUDGE.ME REVIEW WIDGET — CUSTOM RESTYLE
   Matches the "cream + gold" mockup design
   ========================================================= */

/* ---- Design tokens: change these to retheme everything ---- */
:root {
  --jdgm-accent: #b8933f;       /* gold accent (stars, bars, links) */
  --jdgm-cream-band: #ede3d0;   /* summary section background */
  --jdgm-cream-light: #faf6ec;  /* light banner background */
  --jdgm-card-bg: #fffdf8;      /* review card background */
  --jdgm-border: #ece3d1;       /* light border */
  --jdgm-border-strong: #e3d8c2;/* pill/outline border */
  --jdgm-ink: #1e1c18;          /* headline / primary text */
  --jdgm-body-text: #4a4640;    /* review body text */
  --jdgm-muted: #6f6a58;        /* secondary text */
  --jdgm-faint: #a39d8b;        /* dates, tertiary text */
  --jdgm-radius-card: 20px;
  --jdgm-radius-pill: 999px;
}

/* Optional: load Poppins + Inter to match the mockup's type pairing.
   Skip this if your theme already has fonts you like — just make sure
   the font-family lines below reference fonts you actually have loaded. */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@600;700&family=Inter:wght@400;500;600&display=swap');

/* ---- Overall widget container ---- */
.jdgm-rev-widg {
  font-family: 'Inter', sans-serif;
  color: var(--jdgm-ink);
  max-width: 1280px;
  margin: 0 auto;
}

/* ---- Header / summary band (rating, stars, breakdown) ---- */
.jdgm-rev-widg__header,
.jdgm-rev-widg__summary {
  background: var(--jdgm-cream-band);
  padding: 64px 24px 48px;
  text-align: center;
  border-radius: 0;
}

.jdgm-rev-widg__title {
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  font-size: 34px;
  color: var(--jdgm-ink);
  margin-bottom: 12px;
}

.jdgm-rev-widg__summary-average {
  font-family: 'Poppins', sans-serif;
  font-weight: 700;
  font-size: 48px;
  color: var(--jdgm-ink);
  line-height: 1;
}

.jdgm-rev-widg__summary-text {
  font-size: 14px;
  color: var(--jdgm-muted);
}

/* Stars everywhere: force the gold accent color */
.jdgm-star.jdgm--on,
.jdgm-star.jdgm--half,
.jdgm-rev-widg__summary .jdgm-star {
  color: var(--jdgm-accent) !important;
}

/* Rating breakdown bars (5★ / 4★ / ... rows) */
.jdgm-histogram__row {
  display: flex;
  align-items: center;
  gap: 12px;
  max-width: 420px;
  margin: 0 auto 10px;
}

.jdgm-histogram__title {
  font-size: 13px;
  color: var(--jdgm-muted);
  width: 32px;
}

.jdgm-histogram__bar-container {
  flex: 1;
  height: 8px;
  border-radius: var(--jdgm-radius-pill);
  background: #ffffff80;
  overflow: hidden;
}

.jdgm-histogram__bar {
  height: 100%;
  border-radius: var(--jdgm-radius-pill);
  background: var(--jdgm-accent);
}

.jdgm-histogram__frequency {
  font-size: 13px;
  color: var(--jdgm-muted);
  width: 24px;
  text-align: right;
}

/* "Write a review" button — solid pill */
.jdgm-write-rev-link,
.jdgm-rev-widg__summary-btn {
  display: inline-block;
  background: var(--jdgm-ink) !important;
  color: #fff !important;
  font-family: 'Inter', sans-serif;
  font-weight: 600;
  font-size: 15px;
  padding: 14px 36px;
  border-radius: var(--jdgm-radius-pill) !important;
  border: none !important;
  text-align: center;
  text-decoration: none;
}

/* ---- Filter / sort row ---- */
.jdgm-rev-widg__actions,
.jdgm-filters {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 16px;
  padding: 36px 24px 24px;
}

.jdgm-filters select,
.jdgm-rev-widg__sort-wrapper select {
  border: 1px solid var(--jdgm-border-strong);
  color: var(--jdgm-ink);
  font-size: 13px;
  font-weight: 500;
  padding: 9px 18px;
  border-radius: var(--jdgm-radius-pill);
  background: #fff;
}

/* ---- Review list layout (2-column grid, like the mockup) ---- */
.jdgm-rev-widg__body {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  padding: 0 24px 48px;
}
@media (max-width: 749px) {
  .jdgm-rev-widg__body {
    grid-template-columns: 1fr;
  }
}

/* ---- Individual review card ---- */
.jdgm-rev {
  background: var(--jdgm-card-bg);
  border: 1px solid var(--jdgm-border);
  border-radius: var(--jdgm-radius-card);
  padding: 26px;
  box-shadow: 0 1px 2px rgba(30, 28, 24, 0.04);
}

.jdgm-rev__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}

.jdgm-rev__author {
  font-weight: 600;
  font-size: 14.5px;
  color: var(--jdgm-ink);
}

.jdgm-rev__verified-badge {
  border: 1px solid var(--jdgm-border-strong);
  color: var(--jdgm-muted);
  font-size: 10.5px;
  font-weight: 500;
  padding: 2px 8px;
  border-radius: var(--jdgm-radius-pill);
  white-space: nowrap;
}

.jdgm-rev__timestamp {
  font-size: 12.5px;
  color: var(--jdgm-faint);
  white-space: nowrap;
}

.jdgm-rev__title {
  font-weight: 600;
  font-size: 15px;
  margin: 4px 0 6px;
}

.jdgm-rev__body {
  font-size: 14.5px;
  line-height: 1.6;
  color: var(--jdgm-body-text);
}

/* Review photo thumbnails: rounded corners */
.jdgm-rev__pics img,
.jdgm-rev__pic img {
  border-radius: 12px;
  width: 84px;
  height: 84px;
  object-fit: cover;
}

/* "Load more" button — outline pill */
.jdgm-rev-widg__load-more-wrapper .jdgm-btn,
.jdgm-paginate__load-more {
  background: #fff !important;
  color: var(--jdgm-ink) !important;
  font-family: 'Inter', sans-serif;
  font-weight: 600;
  font-size: 14px;
  padding: 13px 32px;
  border-radius: var(--jdgm-radius-pill) !important;
  border: 1px solid var(--jdgm-ink) !important;
}