/* =========================================================
   MENZO HEALTH — PRODUCT REVIEWS
   TASK 4

   Matches the existing product-header review line and
   keeps the native WooCommerce review form usable on
   small screens. Does not change header, gallery, price,
   or add-to-cart layout.
   ========================================================= */

.menzo-product-review-top {
    margin: 6px 0 16px;
}

.menzo-product-rating {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 7px;
    line-height: 1;
}

.menzo-product-rating .star-rating {
    margin: 0 !important;
    width: 5.5em;
    font-size: 16px;
}

.menzo-review-count,
.menzo-add-review {
    text-decoration: none !important;
    color: #173f90 !important;
    font-size: 14px;
    font-weight: 600;
}

.menzo-review-count:hover,
.menzo-add-review:hover {
    text-decoration: underline !important;
}

.menzo-review-separator {
    font-size: 14px;
    opacity: 0.6;
}

.menzo-review-pending-notice {
    margin: 0 0 1.25em;
}

.woocommerce-Reviews .star-rating {
    letter-spacing: 0;
}

@media (max-width: 430px) {
    .menzo-product-review-top {
        margin: 5px 0 14px;
    }

    .menzo-product-rating {
        gap: 6px;
    }

    .menzo-product-rating .star-rating {
        font-size: 15px;
    }

    .menzo-review-count,
    .menzo-add-review,
    .menzo-review-separator {
        font-size: 13px;
    }

    #review_form .comment-form {
        grid-template-columns: 1fr !important;
    }

    #review_form input[type="text"],
    #review_form input[type="email"],
    #review_form textarea,
    #review_form select {
        max-width: 100%;
        box-sizing: border-box;
    }

    .woocommerce-tabs .woocommerce-Reviews {
        display: block;
    }
}