/* Custom star icon for reviews.io */
/* https://support.reviews.io/en/articles/9184783-custom-icons-in-widgets */

.ruk_rating_snippet {
    --customStarIcon: url(https://glow25.de/wp-content/uploads/2025/08/reviews-io-custom-stars.svg);
    --customStarSize: 12px;
  }

  div.ruk_rating_snippet i {
    font-size: var(--customStarSize);
    vertical-align: middle;
    position: relative;
    color: transparent;
    background-image: none;
    -webkit-background-clip: initial;
    -moz-background-clip: initial;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
  }

  .ruk_rating_snippet i:after {
    position: absolute;
    color: transparent;
    background-image: none;
    -webkit-background-clip: initial;
    -moz-background-clip: initial;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
    content: "";
    background-image: var(--customStarIcon);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center center;
    mix-blend-mode: luminosity;
    opacity: 0.4;
    display: inline-block;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 2;
  }

  .ruk_rating_snippet i:before {
    background-image: var(--customStarIcon);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center center;
    position: relative;
    z-index: 4;
  }

  .ruk-icon-percentage-star--100:before {
    clip-path: none;
  }

  .ruk-icon-percentage-star--75:before {
    clip-path: inset(0px 25% 0px 0px);
  }

  .ruk-icon-percentage-star--50:before {
    clip-path: inset(0px 50% 0px 0px);
  }

  .ruk-icon-percentage-star--25:before {
    clip-path: inset(0px 75% 0px 0px);
  }

  .ruk-icon-percentage-star--0:before {
    clip-path: inset(0px 100% 0px 0px);
  }

  .ruk_rating_snippet span.ruk-rating-snippet-count {
    margin-left: 2px;
    word-spacing: -0.28em;
    bottom: 0;
  }
  .R-RatingStars {
    --customStarIcon: url(https://glow25.de/wp-content/uploads/2025/08/reviews-io-custom-stars.svg);
}
.R-RatingStars .R-RatingStars__stars {
    display: inline-flex;
    grid-column-gap: 0.1em;
}
.R-RatingStars .R-RatingStars__stars .stars__icon {
    position: relative;
    color: transparent;
    background-image: none;
    -webkit-background-clip: initial;
    -moz-background-clip: initial;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
}
.R-RatingStars .R-RatingStars__stars .stars__icon:before,
.R-RatingStars .R-RatingStars__stars .stars__icon:after {
    background-image: var(--customStarIcon);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center center;
}
.R-RatingStars .R-RatingStars__stars .stars__icon:before {
    position: relative;
    z-index: 4;
}
.R-RatingStars .R-RatingStars__stars .stars__icon:after {
    content: "";
    mix-blend-mode: luminosity;
    opacity: 0.4;
    display: inline-block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 2;
}
.R-RatingStars .R-RatingStars__stars .stars__icon--0:before {
    clip-path: inset(0px 100% 0px 0px);
}
.R-RatingStars .R-RatingStars__stars .stars__icon--25:before {
    clip-path: inset(0px 75% 0px 0px);
}
.R-RatingStars .R-RatingStars__stars .stars__icon--50:before {
    clip-path: inset(0px 50% 0px 0px);
}
.R-RatingStars .R-RatingStars__stars .stars__icon--75:before {
    clip-path: inset(0px 25% 0px 0px);
}
.R-RatingStars .R-RatingStars__stars .stars__icon--100:before {
    clip-path: none;
}