/*
 * Native WooCommerce review form aligned with the approved local preview.
 *
 * This layer changes presentation only. Submission, nonce, rating validation,
 * moderation and comment storage remain entirely owned by WooCommerce.
 *
 * The earlier mobile exception list compensated for the oversized native
 * purchase form. Once the purchase panel was aligned with the approved preview,
 * that compensation became a real height deficit on the remaining PDPs. The
 * review form has one approved rhythm, so the same presentation now applies to
 * every product viewport.
 */

.gp-preview-product-page .gp-preview-product-reviews #review_form_wrapper {
  border-radius: var(--gp-radius);
  padding: 1.5rem;
}

.gp-preview-product-page .gp-preview-product-reviews .comment-reply-title {
  margin-bottom: 1rem;
}

.gp-preview-product-page .gp-preview-product-reviews .comment-form {
  gap: 1rem;
}

.gp-preview-product-page .gp-preview-product-reviews .comment-notes {
  line-height: 1.65;
  margin: 0;
}

.gp-preview-product-page .gp-preview-product-reviews .comment-form-rating,
.gp-preview-product-page .gp-preview-product-reviews .comment-form-comment,
.gp-preview-product-page .gp-preview-product-reviews .form-submit {
  margin: 0;
}

/*
 * WooCommerce enhances the native rating select into stars. The approved form
 * uses the accessible select itself, so we keep the real required control and
 * hide only the decorative replacement generated by the frontend script.
 */
.gp-preview-product-page .gp-preview-product-reviews .comment-form-rating .stars {
  display: none !important;
}

.gp-preview-product-page .gp-preview-product-reviews .comment-form-rating select {
  display: block !important;
}

.gp-preview-product-page .gp-preview-product-reviews .comment-form label {
  margin-bottom: 0.45rem;
}

.gp-preview-product-page .gp-preview-product-reviews select,
.gp-preview-product-page .gp-preview-product-reviews textarea,
.gp-preview-product-page .gp-preview-product-reviews input[type="text"],
.gp-preview-product-page .gp-preview-product-reviews input[type="email"] {
  padding: 0.8rem;
}

.gp-preview-product-page .gp-preview-product-reviews .form-submit .submit {
  background: var(--pilot-accent) !important;
  border-color: var(--pilot-accent) !important;
  border-radius: 999px !important;
  color: var(--pilot-accent-contrast) !important;
  min-height: 2.9rem;
  width: 100%;
}

@media (max-width: 760px) {
  .gp-preview-product-page .gp-preview-product-reviews .comment-notes {
    font-size: 1rem;
  }
}