/**
 * ws_productreviews — SVG stars & icons (scoped .ws-pr-*)
 * Loaded after productcomments.css; does not depend on theme icon fonts.
 */

.ws-pr-star-row {
  display: inline-flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 1px;
  line-height: 0;
  vertical-align: middle;
}

.ws-pr-star {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: 1em;
  height: 1em;
  font-size: 18px;
  color: inherit;
}

.ws-pr-star svg {
  display: block;
  width: 1em;
  height: 1em;
  overflow: visible;
}

/* Theme CSS often sets svg { fill: currentColor } — keep outlines hollow */
.ws-pr-star--empty svg,
.ws-pr-star--half .ws-pr-star__bg {
  fill: none !important;
}

.ws-pr-star--empty path,
.ws-pr-star--half .ws-pr-star__bg path {
  fill: none !important;
  stroke: currentColor;
  stroke-width: 1.2;
  stroke-linejoin: round;
}

.ws-pr-star--full path,
.ws-pr-star--half .ws-pr-star__fg path {
  fill: currentColor;
  stroke: none;
}

.ws-pr-star--half {
  position: relative;
  width: 1em;
  height: 1em;
}

.ws-pr-star--half .ws-pr-star__bg,
.ws-pr-star--half .ws-pr-star__fg {
  position: absolute;
  left: 0;
  top: 0;
  width: 1em;
  height: 1em;
  max-width: none;
  pointer-events: none;
}

/* Left half filled — clip-path avoids overflow/viewBox paint glitches */
.ws-pr-star--half .ws-pr-star__fg {
  clip-path: inset(0 50% 0 0);
}

.ws-pr-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  line-height: 0;
}

.ws-pr-icon svg {
  width: 1.125em;
  height: 1.125em;
  display: block;
}

.ws-pr-icon.no_custom_color,
.no_custom_color .ws-pr-icon {
  color: #999;
}

.thumbnail-container .ws-pr-star-row {
  font-size: 14px;
}

.thumbnail-container .ws-pr-star {
  font-size: 16px;
}

.ws-reviewscarousel-module .ws-pr-star-row,
.ws-reviewscarousel-module--column .ws-pr-star-row,
.category_footer_block .ws-pr-star-row,
.block-category .ws-pr-star-row {
  font-size: 18px;
}

.reviews-carousel-item__rating .ws-pr-star-row {
  gap: 0;
}

.verified_icon .ws-pr-icon,
.verified_icon .ws-pr-star {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  color: #fff;
}

.verified_icon .ws-pr-icon svg,
.verified_icon .ws-pr-star svg {
  width: 14px;
  height: 14px;
  fill: #fff;
}