/* css/components/aw-reviews.css */

/* ===== Reviews header + summary ===== */
.aw-reviews__head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  margin-bottom:12px;
}

.aw-reviews__summary{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:8px 12px;
  border:1px solid #e6eef3;
  border-radius:999px;
  background:#f7fbfe;
  color:#0b1f2a;
  white-space:nowrap;
}

.aw-reviews__summary--muted{
  opacity:.85;
  background:#fff;
}

.aw-reviews__avg{
  font-weight:900;
  font-size:16px;
}

.aw-reviews__count{
  opacity:.75;
  font-weight:700;
  font-size:13px;
}

/* ===== Stars (локально для reviews + hero) ===== */
.aw-stars,
.aw-reviews__stars,
.aw-review__stars,
.aw-hero-rating__stars{
  display:inline-flex;
  align-items:center;
  gap:4px;
  line-height:1;
}

.aw-stars i,
.aw-reviews__stars i,
.aw-review__stars i,
.aw-hero-rating__stars i{
  font-size:14px;
  color:#CDAF54; /* золото */
}

/* пусті зірки: fa-solid + .aw-star--empty (працює навіть без fa-regular) */
.aw-stars .aw-star--empty,
.aw-reviews__stars .aw-star--empty,
.aw-review__stars .aw-star--empty,
.aw-hero-rating__stars .aw-star--empty{
  color: rgba(2,47,59,.28);
}

/* half-star теж золото (тільки в наших блоках) */
.aw-stars .fa-star-half-stroke,
.aw-reviews__stars .fa-star-half-stroke,
.aw-review__stars .fa-star-half-stroke,
.aw-hero-rating__stars .fa-star-half-stroke{
  color:#CDAF54;
}

/* ===== Reviews list ===== */
.aw-reviews__list{
  display:grid;
  gap:12px;
}

.aw-review{
  border:1px solid #e6eef3;
  border-radius:14px;
  padding:14px 14px 12px;
  background:#fff;
}

.aw-review__top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:8px;
}

.aw-review__date{
  font-size:12px;
  font-weight:700;
  color:#5c7482;
}

.aw-review__text{
  margin:0;
  line-height:1.55;
  color:#18323f;
  font-size:14px;
}

.aw-review__text--muted{
  color:#5c7482;
}

.aw-reviews__actions{
  margin-top:14px;
}

/* ===== HERO rating link ===== */
.aw-hero-rating{
  display:inline-flex;
  align-items:center;
  gap:8px;
  text-decoration:none;
  color:inherit;
  padding:2px 6px;
  border-radius:10px;
}

.aw-hero-rating:hover{
  background: rgba(0,0,0,.04);
}

.aw-hero-rating__num{
  font-weight:700;
}

.aw-hero-rating__count{
  opacity:.8;
}