/* ==========================================================================
   woocommerce/product-rating — star glyphs + the rating-row slot.

   The block renders in several contexts, each with its own wrapper:
     - product grid  (archive-product, product-section, related-products):
                     .wp-block-woocommerce-product-collection, stars also carry
                     .wc-block-grid__product-rating__stars
     - single product template (single-product.html): plain <main>, stars carry
                     only .wc-block-components-product-rating__stars
     - blog post query loop (template-query-loop.php → search.html, index.html):
                     core/query post loop, block wrapper only

   So the star rules are scoped on the block's own wrapper class
   (.wp-block-woocommerce-product-rating), present in every context, instead
   of the grid wrapper. 2 classes = (0,0,2,0), still beats shop-1.css's
   .wc-block-*{…!important} (0,0,1,0) — keep every !important.
   ========================================================================== */

/* A wildcard font reset elsewhere clobbers WooCommerce's icon font on star
   ratings; restore it here (higher specificity wins). .star-rating is the
   legacy PHP-template class (review lists, up-sells) and lives outside the
   block wrapper, so it keeps the product-collection scope. */
.wp-block-woocommerce-product-rating .wc-block-components-product-rating__stars,
.wp-block-woocommerce-product-rating .wc-block-product-review-rating__stars,
.wp-block-woocommerce-product-collection .star-rating {
  font-family: WooCommerce !important;
  font-size: 18px !important;
}

.wp-block-woocommerce-product-rating .wc-block-components-product-rating__stars:before,
.wp-block-woocommerce-product-rating .wc-block-product-review-rating__stars:before,
.wp-block-woocommerce-product-collection .star-rating:before {
  font-family: WooCommerce !important;
  color: #e0e0e0 !important;
  opacity: 1 !important;
}

.wp-block-woocommerce-product-rating .wc-block-components-product-rating__stars span:before,
.wp-block-woocommerce-product-rating .wc-block-product-review-rating__stars span:before,
.wp-block-woocommerce-product-collection .star-rating span:before {
  font-family: WooCommerce !important;
  color: #f2b200 !important;
}