/* ==========================================================================
   Reviews — Judge.me Widget Overrides
   Styles the Judge.me widget to match Future Hooper's dark graffiti aesthetic
   ========================================================================== */

#judgeme_product_reviews,
.jdgm-widget {
  --jdgm-primary-clr: var(--color-primary);
  --jdgm-secondary-clr: var(--color-pink);
  --jdgm-star-color: var(--color-primary);
  --jdgm-bg-color: var(--color-background);
  --jdgm-text-color: var(--color-text);
  --jdgm-font-family: var(--font-body-family);
  color: var(--color-text);
  font-family: var(--font-body-family);
}

/* Summary bar */
.jdgm-summary {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  padding-bottom: 2rem;
  margin-bottom: 2rem;
}

.jdgm-summary__rating {
  color: var(--color-primary);
}

/* Write a Review button — graffiti outline style */
.jdgm-write-rev-link,
.jdgm__btn {
  background: transparent !important;
  border: 2px solid var(--color-cyan) !important;
  color: var(--color-text) !important;
  border-radius: 8px !important;
  font-weight: 700 !important;
  font-size: 1.4rem !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  padding: 1rem 2.4rem !important;
  transition: all 0.3s ease !important;
  font-family: var(--font-body-family) !important;
}

.jdgm-write-rev-link:hover,
.jdgm__btn:hover {
  background: var(--color-cyan) !important;
  color: #000 !important;
  box-shadow: 0 0 20px rgba(0, 216, 214, 0.4) !important;
}

/* Individual review */
.jdgm-rev {
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
  padding: 2rem 0 !important;
}

.jdgm-rev__title {
  font-family: 'Permanent Marker', var(--font-heading-family) !important;
  font-size: 1.8rem !important;
  color: var(--color-text) !important;
  letter-spacing: 0.02em !important;
}

.jdgm-rev__body {
  color: rgba(255, 255, 255, 0.8) !important;
  font-size: 1.5rem !important;
  line-height: 1.7 !important;
}

.jdgm-rev__author {
  color: rgba(255, 255, 255, 0.7) !important;
  font-size: 1.3rem !important;
  font-weight: 600 !important;
}

.jdgm-rev__timestamp {
  color: rgba(255, 255, 255, 0.4) !important;
}

/* Verified purchase badge */
.jdgm-rev__badges .jdgm-badge {
  background: rgba(227, 252, 2, 0.15) !important;
  border: 1px solid rgba(227, 252, 2, 0.4) !important;
  color: var(--color-primary) !important;
  border-radius: 4px !important;
  font-size: 1.1rem !important;
  font-weight: 600 !important;
}

/* Load more button */
.jdgm-paginate__next-page {
  background: transparent !important;
  border: 2px solid rgba(255, 255, 255, 0.2) !important;
  color: var(--color-text) !important;
  border-radius: 8px !important;
  transition: all 0.3s ease !important;
}

.jdgm-paginate__next-page:hover {
  border-color: var(--color-pink) !important;
  box-shadow: 0 0 20px var(--color-pink-glow) !important;
}

/* Review photos */
.jdgm-rev-widg__imgs img {
  border-radius: 8px !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  transition: transform 0.3s ease !important;
}

.jdgm-rev-widg__imgs img:hover {
  transform: scale(1.05) !important;
  border-color: var(--color-cyan) !important;
}

/* Stars — match theme yellow */
.jdgm-star.jdgm--on {
  color: var(--color-primary) !important;
}

.jdgm-star.jdgm--off {
  color: rgba(255, 255, 255, 0.2) !important;
}

/* Section wrapper on product page */
.product-reviews-section {
  padding: 4rem 0;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.product-reviews-section .section-heading {
  margin-bottom: 2rem;
}