/* Show WooCommerce "(X opinia/opinii klienta)" link next to the star rating
   on the single product page.
   Betheme hides it by default with:
   `.woocommerce .product .entry-summary .woocommerce-product-rating .woocommerce-review-link { display: none }`. */

.woocommerce .product .entry-summary .woocommerce-product-rating {
    display: flex !important;
    flex-direction: column !important;
    align-items: center;
    gap: 0;
}

/* On desktop, push the rating column to the right edge so it sits flush with
   the price/sale block above it. Mobile keeps it centered. */
@media (min-width: 768px) {
    .woocommerce .product .entry-summary .woocommerce-product-rating {
        align-items: flex-end;
    }
}

.woocommerce .product .entry-summary .woocommerce-product-rating .star-rating {
    margin-right: 0;
}

.woocommerce .product .entry-summary .woocommerce-product-rating .woocommerce-review-link {
    display: inline-block !important;
    color: #5a6175;
    font-size: 13px;
    text-decoration: none;
}

.woocommerce .product .entry-summary .woocommerce-product-rating .woocommerce-review-link:hover {
    color: #24317C;
    text-decoration: underline;
}

/* Empty comment content (rating-only reviews from our mail-based form) leaves
   WC's <p class="description"></p> behind, which renders as an empty white box
   under the meta line. Hide the empty paragraph so the row collapses neatly. */
.woocommerce #reviews .commentlist .comment-text .description:empty,
.woocommerce #comments .commentlist .comment-text .description:empty {
    display: none;
}