/* corestatic/static/corestatic/css/formating/star-rating-override.css */
/* Plain, non-Tailwind CSS — loaded unlayered on purpose.

   corestatic/css/formating/master-theme.css defines an unlayered
   `label { color: ... }` rule, which — per the CSS Cascade Layers
   spec — beats ANY rule compiled inside a Tailwind @layer block,
   regardless of selector specificity. Tailwind's build also strips
   plain `!important` declarations written inside @layer blocks, so
   there's no way to win this from within the Tailwind pipeline.
   Staying outside it entirely puts both rules on equal (unlayered)
   footing, where normal CSS specificity correctly picks the more
   specific `.star-rating label` selector. */

.star-rating label {
    color: #d1d5db;
}

.star-rating label:hover,
.star-rating label:hover ~ label,
.star-rating input:checked ~ label {
    color: #facc15;
}