/* Base styles for Woo Rating Snapshot */
.wrs-rating-snapshot { display: grid; gap: 8px; }
.wrs-rating-snapshot .wrs-row { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 12px; }
.wrs-rating-snapshot .wrs-stars { display: inline-flex; gap: 2px; }
.wrs-rating-snapshot .wrs-stars svg { width: 16px; height: 16px; }
.wrs-rating-snapshot .wrs-stars .wrs-star--filled svg { fill: #222; }
.wrs-rating-snapshot .wrs-stars .wrs-star--empty svg { fill: #d9d9d9; }
.wrs-rating-snapshot .wrs-bar { position: relative; height: 12px; background-color: #eee; border-radius: 4px; overflow: hidden; }
.wrs-rating-snapshot .wrs-fill { position: absolute; left: 0; top: 0; bottom: 0; width: 0%; background-color: #222; border-radius: inherit; }
.wrs-rating-snapshot .wrs-count { font-size: 14px; color: #333; text-align: right; }