/* =========================================================
   نظرات محصول.

   مارک‌آپ نظرات را ووکامرس می‌سازد و در پروتوتایپ وجود نداشت، پس
   استایلش اینجاست نه در product.css. هیچ رنگ خامی انتخاب نشده —
   همه از همان توکن‌های دیزاین می‌آید، تا اگر پالت عوض شد این بخش
   هم با بقیه عوض شود.
   ========================================================= */

.pdp__reviews{ margin-block-start:var(--s-8); }

.reviews__avg{ margin:0; color:var(--text-muted); font-size:var(--t-sm); }
.reviews__avg strong{
  font-size:var(--t-xl); font-weight:900; color:var(--text);
  margin-inline:.25em;
}

/* ── فهرست ───────────────────────────────────────────────── */
.pdp__reviews .commentlist{
  list-style:none; margin:var(--s-5) 0 0; padding:0;
  display:grid; gap:var(--s-3);
}

.pdp__reviews .commentlist li{ margin:0; }

.pdp__reviews .comment_container{
  position:relative;
  display:grid;
  grid-template-columns:auto 1fr;
  gap:var(--s-3);
  padding:var(--s-4);
  border:1px solid var(--line);
  border-radius:var(--r-lg);
  background:var(--surface);
  box-shadow:var(--e-1);
}

/* خط باریک رنگی لبه‌ی کارت — همان زبانی که کارت محصول حرف می‌زند */
.pdp__reviews .comment_container::before{
  content:''; position:absolute;
  inset-block:var(--s-4); inset-inline-start:0;
  inline-size:2px; border-radius:var(--r-full);
  background:linear-gradient(to bottom, var(--violet), transparent);
  opacity:.55;
}

.pdp__reviews .avatar{
  inline-size:44px; block-size:44px; border-radius:var(--r-full);
  border:1px solid var(--line);
}

.pdp__reviews .comment-text{ min-inline-size:0; }

.pdp__reviews .meta{
  margin:0 0 var(--s-2); font-size:var(--t-sm); color:var(--text-muted);
  display:flex; flex-wrap:wrap; align-items:center; gap:.5ch var(--s-2);
}
.pdp__reviews .meta strong{ color:var(--text); font-weight:700; font-size:var(--t-base); }

/* ووکامرس بین نام و تاریخ یک «–» خام می‌گذارد. در چیدمان فلکس
   فقط یک خط سرگردان است. */
.pdp__reviews .meta .woocommerce-review__dash{ display:none; }

.pdp__reviews .woocommerce-review__published-date{ color:var(--text-muted); }

/* برچسب «مالک تایید شده» نمایش داده نمی‌شود.
   display:none آن را از درخت دسترس‌پذیری هم بیرون می‌برد، پس
   اسکرین‌ریدر هم نمی‌خواندش — یعنی واقعاً حذف است، نه فقط نامرئی. */
.pdp__reviews .woocommerce-review__verified{ display:none; }

/* ستاره‌ها بالای نام، نه وسط متن: اولین چیزی که چشم می‌خواهد
   بداند «چند ستاره» است، نه «چه کسی». */
.pdp__reviews .comment-text > .star-rating{ float:none; margin-block-end:var(--s-2); }

.pdp__reviews .description p{ margin:0 0 var(--s-2); line-height:1.85; }
.pdp__reviews .description p:last-child{ margin-block-end:0; }

/* ── ستاره‌ها ─────────────────────────────────────────────
   ووکامرس ستاره را با ::before و کاراکتر می‌سازد. اندازه و رنگ را
   می‌گیریم ولی مکانیزمش دست نمی‌خورد، وگرنه با آپدیت می‌شکند. */
.pdp__reviews .star-rating{
  font-size:.9em; color:var(--amber); margin-block-end:var(--s-2);
}
.pdp__reviews .star-rating::before{ color:var(--line); }

/* ── فرم ─────────────────────────────────────────────────── */
.pdp__reviews #respond{
  margin-block-start:var(--s-6);
  padding:var(--s-5);
  border:1px solid var(--line);
  border-radius:var(--r-lg);
  background:var(--surface-2);
}

.pdp__reviews #reply-title{
  margin:0 0 var(--s-2); font-size:var(--t-lg); font-weight:900;
}

.pdp__reviews .comment-notes,
.pdp__reviews .comment-form-cookies-consent label{
  font-size:var(--t-sm); color:var(--text-muted);
}

.pdp__reviews .comment-form label{
  display:block; margin-block-end:.4em; font-weight:700; font-size:var(--t-sm);
}

.pdp__reviews .comment-form input[type="text"],
.pdp__reviews .comment-form input[type="email"],
.pdp__reviews .comment-form textarea{
  inline-size:100%;
  padding:.7em .9em;
  font:inherit; color:var(--text);
  background:var(--surface);
  border:1px solid var(--line);
  border-radius:var(--r-md);
  transition:border-color .15s, box-shadow .15s;
}

.pdp__reviews .comment-form textarea{ min-block-size:7em; resize:vertical; }

.pdp__reviews .comment-form :is(input,textarea):focus-visible{
  outline:none;
  border-color:var(--violet);
  box-shadow:0 0 0 3px color-mix(in oklch, var(--violet) 22%, transparent);
}

.pdp__reviews .comment-form p{ margin:0 0 var(--s-3); }

/* امتیازدهی: ستاره‌های ووکامرس با کیبورد هم کار می‌کنند، پس فقط
   بزرگ‌تر و قابل‌کلیک‌ترشان می‌کنیم. */
.pdp__reviews .comment-form-rating .stars a{ color:var(--amber); }
.pdp__reviews .comment-form-rating .stars{ font-size:1.35em; }

.pdp__reviews .form-submit input[type="submit"]{
  display:inline-flex; align-items:center; justify-content:center;
  padding:.75em 1.6em;
  font:inherit; font-weight:700;
  color:var(--on-ink); background:var(--ink);
  border:0; border-radius:var(--r-full);
  cursor:pointer;
  box-shadow:var(--e-1);
  transition:transform .12s, box-shadow .15s;
}
.pdp__reviews .form-submit input[type="submit"]:hover{
  transform:translateY(-1px); box-shadow:var(--e-2);
}
.pdp__reviews .form-submit input[type="submit"]:active{ transform:none; }

/* ── حالت خالی ───────────────────────────────────────────── */
.pdp__reviews .woocommerce-noreviews{
  margin:var(--s-4) 0 0; padding:var(--s-5);
  text-align:center; color:var(--text-muted);
  border:1px dashed var(--line); border-radius:var(--r-lg);
}

@media (max-width: 560px){
  .pdp__reviews .comment_container{ grid-template-columns:1fr; }
  .pdp__reviews .avatar{ inline-size:36px; block-size:36px; }
}