/* Reviews */
/****************************************************/
/* Review Box START *************************/
/**************************************************/
/* Review Box */
.review-box {
  color: #000;
  padding: 2rem;
  text-align: left;
  box-shadow:
    0 8px 8px rgba(0, 0, 0, 0.1),
    0 -8px 8px rgba(0, 0, 0, 0.1),
    8px 0 8px rgba(0, 0, 0, 0.1),
    -8px 0 8px rgba(0, 0, 0, 0.1),
    inset 0px 1px 1px rgba(255, 255, 255, 0.1);
  border-radius: 2px;
  background-color: #fff;
  margin-bottom: 2rem;
}

/* Reviews with 3 columns */
.reviews-column-3 {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 10px;
}

.reviews-column-3 img:first-child {
  width: 40px;
  height: auto;
}

.reviews-column-3 img:last-child {
  width: 20px;
  height: auto;
}

/* Middle content styling */
.reviews-column-3 .middle-content {
  font-size: 1.7rem;
}

.reviews-column-3 .middle-content .subtext {
  color: grey;
  font-size: 1.4rem;
}

/* Rating stars */
.rating-group {
  display: inline-flex;
}

.rating__icon {
  pointer-events: none;
}

.rating__input {
  position: absolute !important;
  left: -9999px !important;
}

.rating__label {
  /* cursor: pointer; */
  padding: 0 0.1em;
  font-size: 2rem;
}

.rating__icon--star {
  color: orange;
}

.rating__icon--none {
  color: #eee;
}

.rating__input--none:checked + .rating__label .rating__icon--none {
  color: red;
}

.rating__input:checked ~ .rating__label .rating__icon--star {
  color: #ddd;
}

.rating-group:hover .rating__label .rating__icon--star {
  color: orange;
}

.rating__input:hover ~ .rating__label .rating__icon--star {
  color: #ddd;
}

.rating-group:hover
  .rating__input--none:not(:hover)
  + .rating__label
  .rating__icon--none {
  color: #eee;
}

.rating__input--none:hover + .rating__label .rating__icon--none {
  color: red;
}

/* Review text content */
.review-text {
  font-size: 1.6rem;
  line-height: 1.6;
}