/**
 * 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;
}

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

.ws-pr-star--half .ws-pr-star__bg {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.ws-pr-star--half .ws-pr-star__half-lay {
  position: absolute;
  left: 0;
  top: 0;
  width: 50%;
  height: 100%;
  overflow: hidden;
  pointer-events: none;
}

.ws-pr-star--half .ws-pr-star__half-lay .ws-pr-star__fg {
  width: 1em;
  height: 1em;
  max-width: none;
}

.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;
}

/**
 * Customer account — follow theme link / .link-item colors (SVG uses currentColor).
 * Classic: .link-item text + hover; avoid hard-coded black so dark themes still work.
 */
.ws-pr-account-link .ws-pr-icon {
  color: currentColor;
}

.ws-pr-account-link:hover .ws-pr-icon,
.ws-pr-account-link:focus .ws-pr-icon {
  color: currentColor;
}

/* Slightly larger icon in account tiles; size scales if theme changes root font-size */
#my-account .ws-pr-account-link .ws-pr-icon {
  font-size: 2.25rem;
  width: 100%;
  margin-bottom: 0.75rem;
  justify-content: center;
}