/* ═══════════════════════════════════════════════
 *  TangoEnVivo Series — Product-page embed
 *
 *  Styles the series reviews block + summary rating chip when they appear
 *  on a WooCommerce single-product page. The reviews markup reuses the
 *  classes from series-frontend.css; the wrapper carries the .tevs-series-page
 *  base reset so the embedded block inherits the dark theme typography.
 * ═══════════════════════════════════════════════ */

/* ── Embedded reviews block ── */
.tevs-product-reviews {
    margin-top: 32px;
}

/* The reviews band designs for a full-bleed series page; inside the product
   content column keep its rounded, self-contained look. */
.tevs-product-reviews .tevs-reviews {
    border-radius: var(--tevs-radius, 12px);
    border: 1px solid var(--tevs-border, rgba(255, 255, 255, 0.06));
    padding: 40px 24px;
    /* Override the series-page lazy-render hint: here the block sits mid-page
       above related products, and the form-inclusive height far exceeds the
       300px estimate, so content-visibility:auto would cause a scroll-in jump. */
    content-visibility: visible;
    contain-intrinsic-size: none;
}

@media (max-width: 600px) {
    .tevs-product-reviews .tevs-reviews {
        padding: 28px 16px;
    }
}

/* ── Summary rating chip (next to the price) ── */
.tevs-summary-rating {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 14px;
    text-decoration: none;
    line-height: 1;
    font-size: 15px;
    color: inherit;
}

.tevs-summary-rating:hover,
.tevs-summary-rating:focus {
    text-decoration: none;
    opacity: 0.85;
}

.tevs-summary-rating .tevs-stars {
    color: var(--tevs-accent, #c9a84c);
}

.tevs-summary-rating__value {
    font-weight: 700;
    color: var(--tevs-accent, #c9a84c);
}

.tevs-summary-rating__count {
    color: var(--tevs-text-muted, #888);
    font-size: 14px;
}