/** Shopify CDN: Minification failed

Line 60:13 Unexpected "*"

**/
/* Judge.me Review Widget + Write-Review Modal — matched to the live
   theme's actual measured values, verified against a real rendered
   review (not guessed).
   Real gold accent:  #d6a461 (theme's own price/button color)
   Real navy (on-gold text): #0c1d55 (theme's own button text color)
   Real buttons: sharp corners (0px radius), no border, 16px/24px padding
   Real section headings ("You may also like"): 24px / weight 500 */

/* ===== Review LIST / summary widget (verified against real review) ===== */

/* Star rating — this widget renders stars via a custom webfont
   (font-family: JudgemeStar) colored with `color`, NOT via .jdgm-star/
   fill as the write-review modal's input stars do. Two separate star
   systems; this is the one that actually renders on the page. */
.jm-star-rating__font-icon {
  color: #d6a461 !important;
}

.jm-reviewer-avatar {
  background-color: rgba(214,164,97,0.15) !important;
}
.jm-reviewer-avatar__initial,
.jm-reviewer-avatar__initial .jm-text {
  color: #d6a461 !important;
}

.jm-reviewer-info__name {
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 0.8rem;
  color: #f5f3ee !important;
}

/* The date sits in the same container as the name, both generic
   .jm-text spans with no dedicated date class — scoped to exclude
   the name so this doesn't clobber it. */
.jm-reviewer-info__details .jm-text:not(.jm-reviewer-info__name) {
  color: rgba(245,243,238,0.55) !important;
  font-size: 0.7rem;
}

/* Review body — do not rely on Judge.me's own default styling here;
   it was observed inconsistent between page loads (sometimes already
   italic/light, sometimes plain black browser-default). Set explicitly. */
.jdgm-review-content__body-content p {
  font-style: italic;
  color: rgba(245,243,238,0.85) !important;
  line-height: 1.6;
}

/* Verified badge + product/SKU tag — NOT yet visually verified: the one
   real review tested wasn't order-linked so Judge.me didn't render a
   verified badge, and no product-tag element appeared either (may only
   show on the all-reviews aggregate view). These follow the confirmed
   jm-*/jdgm-* naming conventions as a best-effort pass; re-check once a
   verified (order-linked) review exists. */
.jm-reviewer-info__badge,
.jdgm-rev__buyer-badge,
.jm-verified-buyer-badge__text {
  background: transparent !important;
  border: none !important;
  color: #d6a461 !important;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  font-size: 0.65rem;
  padding-left: 12px !important;
  position: relative;
}
.jm-reviewer-info__badge::before,
.jdgm-rev__buyer-badge::before,
.jm-verified-buyer-badge__text::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #d6a461;
}

.jm-review-item__product,
.jdgm-rev__prod-link,
.jdgm-rev__prod-link-prefix {
  text-transform: uppercase;
  font-size: 0.7rem;
  letter-spacing: 0.05em;
  color: rgba(245,243,238,0.55) !important;
}
.jm-review-item__product,
.jdgm-rev__prod-link { color: #d6a461 !important; }

/* Write-a-review / primary widget button — matches the site's real
   "Add to Bag" button exactly: sharp corners, no border, generous
   padding, 14px text. */
.jm-button--primary {
  background-color: #d6a461 !important;
  border: none !important;
  border-radius: 0 !important;
  color: #0c1d55 !important;
  padding: 16px 24px !important;
  font-size: 14px !important;
}

.jdgm-all-reviews-rating,
.jm-review-widget-minimal-header__title [class*="rating"],
.jm-review-widget__header [class*="average"] {
  color: #d6a461 !important;
  font-family: var(--font-heading--family);
}

.jdgm-empty-state,
.jm-no-reviews-state__text {
  color: rgba(245,243,238,0.55) !important;
  font-style: italic;
}

/* Widget title ("Customer Reviews") reads smaller/lighter than the
   theme's own section headings by default (20px/400 vs. the theme's
   24px/500 for "You may also like") — matched here. */
.jm-review-widget-minimal-header__title,
.jm-review-widget__header {
  color: #f5f3ee;
  font-size: 24px !important;
  font-weight: 500 !important;
}

/* ===== Write-review modal (jdgm-write-review-modal__*) =====
   This is a completely separate component from the widget above —
   was 100% unstyled default Judge.me until this pass. */

/* Unselected/"off" rating stars in the modal's own star-input (legacy
   jdgm-star system, distinct from the display stars above) were tuned
   for the navy page background and were nearly invisible on this
   modal's white background. Fixed to a visible light grey. */
.jdgm-write-review-modal .jdgm-star.jdgm--off {
  color: #d6d6d6 !important;
}
.jdgm-write-review-modal .jdgm-star:not(.jdgm--off) {
  color: #d6a461 !important;
}

/* The "store review" step's title/page-header renders visibly cut off
   mid-sentence (confirmed: not a text-overflow/ellipsis CSS property,
   the text node itself is laid out off past the visible panel edge —
   a Judge.me carousel-positioning bug, reproduces at both 914px and
   1400px). Forcing static positioning on the title text (not the whole
   panel, to avoid touching the slide-transition mechanism) resolves it. */
.jdgm-write-review-modal__title,
.jdgm-write-review-modal__page-header {
  position: static !important;
  left: auto !important;
  width: auto !important;
  max-width: 100% !important;
  white-space: normal !important;
}

/* The "shopping experience" step (a shop review, not a product review)
   reuses the review-details template's product-title slot for its long
   question text instead of a short product name. That slot is hard-set
   to single-line ellipsis by default, which truncates it. Relaxing it
   is safe for the normal product-review case too, since a short product
   name already fits on one line and never hits this limit. */
.jdgm-write-review-modal__product-title {
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
  height: auto !important;
  -webkit-line-clamp: unset !important;
  display: block !important;
}

/* Brand the modal's primary actions (Next / Submit / Close) to match
   the site. The Close button on the thank-you screen defaults to
   Judge.me's own teal-green (rgb(16,132,116)) — exactly the kind of
   unbranded default the rest of this stylesheet exists to remove. */
.jdgm-write-review-modal__nav-btn-next,
.jdgm-write-review-modal__nav-btn-close,
.jdgm-write-review-modal button[type="submit"] {
  background-color: #d6a461 !important;
  border: none !important;
  border-radius: 0 !important;
  color: #0c1d55 !important;
}

/* ===== Filters button (widget header) — found via mobile screenshot
   check: rendered fully black (text, icon, border) against the navy
   background, unlike the sort control next to it which was already
   correctly cream-colored. */
.jm-custom-answer-filter {
  color: #f5f3ee !important;
  border-color: rgba(245,243,238,0.35) !important;
}
.jm-custom-answer-filter svg,
.jm-custom-answer-filter path {
  fill: #f5f3ee !important;
}

/* Sort dropdown — the box around it renders with a default black
   1px border (the <select> itself is transparent, an SVG icon sits
   on top of it, so only the border was visible as a black box). */
.jdgm-sort-dropdown {
  border-color: rgba(245,243,238,0.35) !important;
}

/* Review-item divider — Judge.me's default is a low-opacity BLACK
   hairline (rgba(0,0,0,0.2)), invisible-to-muddy on the navy background.
   Swapped for a low-opacity cream line so it reads as a deliberate
   divider instead of a dark smudge. */
.jm-review-item {
  border-bottom-color: rgba(245,243,238,0.12) !important;
}