/** Shopify CDN: Minification failed

Line 309:0 Expected "}" to go with "{"

**/
/* cc-judgeme-reviews — system skin over Judge.me's All Reviews Page widget
   (Tony 2026-07-14: "looks like the old but now we need it to look like our
   website"). The app's per-theme settings already carry Inter/brand blue/
   amber stars; this layer aligns the rest to the design system: no
   underlined links, cc-btn button recipes, facet-pill tabs, system select,
   radius-md + shadow-card cards. All rules scoped under .cc-judgeme-reviews
   so nothing leaks into PDP Judge.me widgets. */

.cc-judgeme-reviews {
  margin-bottom: var(--cc-section-space, 9.6rem);
}

/* Tony 2026-07-14: centered masthead on THIS page only (matches the
   centered summary/histogram below; other pages keep the left masthead).
   Scoped via :has() - same technique as cc-chat-loyalty-hide. */
main:has(.cc-judgeme-reviews) .main-page-title {
  text-align: center;
}

/* ---- Links: blue, never underlined, hover darkens (system rule) ---- */

.cc-judgeme-reviews .jdgm-all-reviews-widget a,
.cc-judgeme-reviews .jdgm-rev__prod-link,
.cc-judgeme-reviews .jdgm-subtab__name {
  text-decoration: none;
}

.cc-judgeme-reviews .jdgm-rev__prod-link {
  color: var(--cc-blue);
  font-weight: 500;
  transition: color var(--cc-duration) var(--cc-ease);
}

.cc-judgeme-reviews .jdgm-rev__prod-link:hover {
  color: var(--cc-blue-hover);
  text-decoration: none;
}

/* ---- Buttons: cc-btn recipe (blue promo CTAs; form submit = ink) ---- */

.cc-judgeme-reviews .jdgm-write-rev-link,
.cc-judgeme-reviews .jdgm-all-reviews-page__load-more,
.cc-judgeme-reviews .jdgm-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: var(--cc-btn-height, 5rem);
  padding: 1.4rem 2.8rem;
  /* !important: jdgm's form css pins a 2px brand-blue border on its
     buttons from a CORS sheet we can't out-order (Tony's live catch,
     2026-07-15 - blue ring around Submit Review) */
  border: 0 !important;
  /* !important x3: jdgm's form styles pin 25px pill radius, 700 weight and
     the solid bg with their own !important - documented per CONVENTIONS 5 */
  border-radius: var(--cc-radius-sm) !important;
  font-family: var(--cc-font-body);
  font-size: 1.5rem;
  font-weight: 500 !important;
  line-height: 1;
  text-decoration: none;
  cursor: pointer;
  background: var(--cc-blue);
  color: #fff;
}

/* form primary action is ink (Send-button precedent); secondary = ghost */
.cc-judgeme-reviews .jdgm-btn--solid {
  background: var(--cc-ink) !important;
}

.cc-judgeme-reviews .jdgm-btn--border,
.cc-judgeme-reviews .jdgm-cancel-rev {
  background: var(--cc-bg);
  color: var(--cc-text);
  border: 1px solid var(--cc-border-strong) !important; /* must also beat jdgm's 2px blue */
}

@media (prefers-reduced-motion: no-preference) {
  .cc-judgeme-reviews .jdgm-write-rev-link,
  .cc-judgeme-reviews .jdgm-all-reviews-page__load-more,
  .cc-judgeme-reviews .jdgm-btn {
    transition: transform var(--cc-duration) var(--cc-ease),
      box-shadow var(--cc-duration) var(--cc-ease);
  }

  .cc-judgeme-reviews .jdgm-write-rev-link:hover,
  .cc-judgeme-reviews .jdgm-all-reviews-page__load-more:hover,
  .cc-judgeme-reviews .jdgm-btn:hover {
    transform: translateY(-2px);
    box-shadow: var(--cc-shadow-card-hover);
  }

  .cc-judgeme-reviews .jdgm-write-rev-link:active,
  .cc-judgeme-reviews .jdgm-all-reviews-page__load-more:active,
  .cc-judgeme-reviews .jdgm-btn:active {
    transform: translateY(0) scale(0.98);
    box-shadow: none;
  }
}

/* ---- Tabs: facet-pill recipe (Product Reviews / Shop Reviews) ---- */

/* Tony 2026-07-14: pills must never touch - jdgm lays the spans inline
   with no margin */
.cc-judgeme-reviews .jdgm-subtab {
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem;
}

.cc-judgeme-reviews .jdgm-subtab__name {
  display: inline-flex;
  align-items: center;
  gap: 0; /* jdgm nests the count in spans - any gap reads "( 1391 )" */
  height: 4rem;
  padding: 0 1.4rem;
  font-family: var(--cc-font-body);
  font-size: 1.4rem;
  font-weight: 500;
  letter-spacing: 0;
  text-transform: none;
  color: var(--cc-ink);
  background: var(--cc-bg);
  border: 1px solid var(--cc-border-strong);
  border-radius: var(--cc-radius-full);
  transition: background var(--cc-duration) var(--cc-ease),
    border-color var(--cc-duration) var(--cc-ease);
}

.cc-judgeme-reviews .jdgm-subtab__name:hover {
  background: var(--cc-bg-subtle);
}

.cc-judgeme-reviews .jdgm-subtab__name.jdgm--active {
  border-color: var(--cc-ink);
  background: var(--cc-bg);
  color: var(--cc-ink);
}

/* ---- Sort dropdown: system select (boundary reset per CONVENTIONS) ---- */

.cc-judgeme-reviews .jdgm-sort-dropdown {
  appearance: none;
  -webkit-appearance: none;
  margin: 0;
  /* !important + explicit line-height: the jdgm-form REUSES this class for
     the reviewer-name-format select and pins 12px vertical padding - with
     our 4rem height that clipped the example name (Tony 2026-07-15) */
  padding: 0 3.4rem 0 1.4rem !important;
  line-height: 2.2rem !important;
  height: 4rem;
  font-family: var(--cc-font-body);
  font-size: 1.6rem; /* iOS focus-zoom rule */
  font-weight: 500;
  /* !important: jdgm-settings-style colors the sort select brand-blue with
     its own !important - documented override per CONVENTIONS rule 5 */
  color: var(--cc-ink) !important;
  background: var(--cc-bg)
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'><path d='M1 1l4 4 4-4' fill='none' stroke='%23111111' stroke-width='1.5' stroke-linecap='round'/></svg>")
    no-repeat right 1.4rem center;
  border: 1px solid var(--cc-border-strong);
  border-radius: var(--cc-radius-full);
  box-shadow: none;
}

/* name-format instance (review form): compact 3rem select + a line box
   tall enough to hold it - the shared 4rem height overflowed the 20px
   text line and touched the Display-name input (Tony 2026-07-15 pm) */
.cc-judgeme-reviews .jdgm-form__reviewer-name-format-container .jdgm-sort-dropdown {
  height: 3rem !important;
  line-height: 2rem !important;
  padding: 0 2.8rem 0 1rem !important;
  vertical-align: middle;
}

.cc-judgeme-reviews .jdgm-form label.jdgm-form__inline-label {
  line-height: 3.4rem;
}

/* jdgm draws its own arrow span next to the select - ours lives in the
   pill background */
.cc-judgeme-reviews .jdgm-sort-dropdown-arrow {
  display: none;
}

/* ---- Review cards: system card (radius-md, shadow-only rest) ---- */

.cc-judgeme-reviews .jdgm-rev {
  border-radius: var(--cc-radius-md);
  box-shadow: var(--cc-shadow-card);
  border: 0;
}

/* ---- Write-review form fields: boundary reset ---- */

.cc-judgeme-reviews .jdgm-form input[type='text'],
.cc-judgeme-reviews .jdgm-form input[type='email'],
.cc-judgeme-reviews .jdgm-form textarea,
.cc-judgeme-reviews .jdgm-form select {
  appearance: none;
  -webkit-appearance: none;
  margin: 0;
  padding: 1.2rem 1.4rem;
  font-family: var(--cc-font-body);
  font-size: 1.6rem; /* iOS focus-zoom rule */
  color: var(--cc-text);
  background: var(--cc-bg);
  border: 1px solid var(--cc-border-strong);
  border-radius: var(--cc-radius-sm);
  box-shadow: none;
}

/* ---- Medals row: swipeable on mobile (Tony 2026-07-14 - badges were
   getting cut off). Natural-width medals in a snap scroller, scrollbar
   hidden; desktop layout untouched. ---- */

@media screen and (max-width: 749px) {
  /* ROOT CAUSE (round 6): .jdgm-medals-wrapper SHRINK-WRAPS to content
     and self-centers, and .jdgm-medals sits asymmetrically inside it -
     so any 50%-50vw breakout anchored on those parents lands off-screen.
     Fix: neutralize the shrink-wrapped ancestors to plain full-width
     blocks, then full-bleed with our OWN page-width padding (1.5rem each
     side <750) as the anchor. No vw math, no centering assumptions. */
  .cc-judgeme-reviews .jdgm-row-media {
    display: block;
    min-width: 0;
    max-width: 100%;
  }

  .cc-judgeme-reviews .jdgm-medals-wrapper {
    width: auto;
    max-width: none;
    margin: 0 -1.5rem; /* = .page-width side padding <750 */
  }

  .cc-judgeme-reviews .jdgm-medals {
    display: block;
    width: auto;
    max-width: none;
    margin: 0;
  }

  .cc-judgeme-reviews .jdgm-medals__container {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    width: auto;
    margin: 0;
    min-width: 0;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    gap: 1.6rem;
    padding: 0.4rem 3.2rem 1.2rem;
    scrollbar-width: none;
    -webkit-mask-image: linear-gradient(
      to right,
      transparent 0,
      #000 2.4rem,
      #000 calc(100% - 2.4rem),
      transparent 100%
    );
    mask-image: linear-gradient(
      to right,
      transparent 0,
      #000 2.4rem,
      #000 calc(100% - 2.4rem),
      transparent 100%
    );
  }

  .cc-judgeme-reviews .jdgm-medals__container::-webkit-scrollbar {
    display: none;
  }

  .cc-judgeme-reviews .jdgm-medal-wrapper {
    flex: 0 0 auto;
    margin: 0; /* jdgm's 0 8px stacks with our gap */
  }

  /* the Verified link lives inside .jdgm-medals too - it centered via
     the flex we just turned off (round 7) */
  .cc-judgeme-reviews .jdgm-verified-link-wrapper {
    justify-content: center;
  }

  /* ---- Summary-section breathing room (Tony round 8: cramped) ---- */

  .cc-judgeme-reviews {
    margin-top: 1.2rem;
  }

  .cc-judgeme-reviews .jdgm-all-reviews__summary {
    margin-bottom: 2.4rem; /* stars/avg line clear of the histogram */
  }

  .cc-judgeme-reviews .jdgm-histogram__row {
    padding: 0.45rem 0; /* air between the star rows */
  }

  .cc-judgeme-reviews .jdgm-widget-actions-wrapper {
    margin-top: 2.8rem; /* Write-a-Store-Review clear of the histogram */
    margin-bottom: 1.2rem;
  }