/* Focus ring: every interactive element in a unicorn/* block gets one reset, here, so no
   block re-invents it. :focus alone resets to nothing (a mouse click leaves no ring);
   :focus-visible restores an on-brand ring for real keyboard/AT navigation, so the
   ARIA/keyboard-nav contract every block ships stays visibly accessible. */
[class*="unicorn-"]:focus {
    outline: none;
}
[class*="unicorn-"]:focus-visible {
    outline: 2px solid var(--surfaces-primary);
    outline-offset: 2px;
}

/* Rating stars: catena_block_stars() (shared/content-source.php) emits these classes for
   every block, so the rules cannot live in one block's stylesheet. */
.unicorn-cards-star {
    width: 14px;
    height: 14px;
    flex: 0 0 auto;
}
.unicorn-cards-rating .star-rating { display: inline-flex; }
.unicorn-cards-rating .back-stars {
    position: relative;
    display: inline-flex;
    color: color-mix(in srgb, currentColor 25%, transparent);
}
.unicorn-cards-rating .front-stars {
    position: absolute;
    inset: 0 auto 0 0;
    display: inline-flex;
    overflow: hidden;
    color: var(--cc-color-rating-front-star); /* deliberate: the same star token every rating on the site uses */
}
.unicorn-cards-rating-value {
    font-size: var(--text-xxs);
    font-weight: var(--cc-font-weight-bold);
}