/* feature-cards.css — Product card badges + ratings (договор 15.05.2026 п.10,12) */

/* Make the card top a positioning context for badges overlay */
.product-card .product-card__top {
    position: relative;
}

/* ---------- Badges ---------- */
.product-badges {
    position: absolute;
    top: 8px;
    left: 8px;
    z-index: 3;
    display: flex;
    flex-direction: column;
    gap: 4px;
    pointer-events: none;
}

.product-badges__item {
    display: inline-block;
    padding: 4px 10px;
    border-radius: 12px;
    font-family: 'Manrope', sans-serif;
    font-weight: 700;
    font-size: 11px;
    line-height: 1;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #ffffff;
    background-color: #243F2F;
    white-space: nowrap;
    pointer-events: auto;
}

.product-badges__item--new {
    background-color: #243F2F;
}

.product-badges__item--sale {
    background-color: #C0392B;
}

.product-badges__item--best {
    background-color: #B8860B;
}

/* Override WooCommerce's default .onsale so it matches our brand palette
   even if it is rendered elsewhere (e.g. single product page). */
.woocommerce span.onsale,
.product-card span.onsale {
    background-color: #243F2F !important;
    color: #ffffff !important;
    border-radius: 12px;
    padding: 4px 10px;
    font-family: 'Manrope', sans-serif;
    font-weight: 700;
    font-size: 11px;
    text-transform: uppercase;
    min-height: auto;
    line-height: 1;
    letter-spacing: 0.04em;
}

/* ---------- Rating ---------- */
.product-card__rating {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 4px;
    margin: 4px 0;
    font-size: 12px;
    color: #6b6b6b;
}

.product-card__rating .star-rating {
    font-size: 12px;
    width: 5.4em;
    margin: 0;
}

.product-card__rating .star-rating::before,
.product-card__rating .star-rating span::before {
    color: #243F2F;
}

.product-card__rating-count {
    color: #6b6b6b;
    font-family: 'Manrope', sans-serif;
    font-size: 12px;
    line-height: 1;
}