/* ===========================================================
   Spacivo Ratings — average/count header, per-star breakdown bars, and a
   "Write a Review" link into WooCommerce's own native review form.
   Self-contained plugin CSS.
   =========================================================== */

.spacivo-rt-summary { max-width: 480px; }
.spacivo-rt-summary__score { display: flex; align-items: center; gap: .6rem; }
.spacivo-rt-summary__average { font-size: 1.6rem; font-weight: 700; }
.spacivo-rt-summary__stars .star-rating { color: #E8823A; font-size: 1.1rem; }
.spacivo-rt-summary__count { margin: .15rem 0 1rem; color: #8a8a8a; font-size: .85rem; }

.spacivo-rt-bars { display: flex; flex-direction: column; gap: .35rem; margin-bottom: 1.25rem; }
.spacivo-rt-bar-row { display: flex; align-items: center; gap: .6rem; font-size: .85rem; }
.spacivo-rt-bar-row__label { flex: 0 0 34px; color: #E8823A; font-weight: 600; }
.spacivo-rt-bar-row__track { flex: 1; height: 8px; background: #eee; border-radius: 999px; overflow: hidden; }
.spacivo-rt-bar-row__fill { display: block; height: 100%; background: #E8823A; border-radius: 999px; }
.spacivo-rt-bar-row__count { flex: 0 0 40px; text-align: right; color: #8a8a8a; }

.spacivo-rt-write-review {
  display: inline-block; padding: .6rem 1.5rem; border: 1px solid #E8823A;
  color: #E8823A; border-radius: 4px; font-weight: 600; font-size: .85rem;
  text-decoration: none;
}
.spacivo-rt-write-review:hover { background: #E8823A; color: #fff; }