/**
 * Wavecon Blind Box - WC Product Reviews + Image Upload
 *
 * Dark OLED-style review list + form matching the rest of the site.
 * Loaded only on /product/* pages via class-blinds-reviews.php.
 *
 * Memory: img !important, prefers-reduced-motion support
 */

/* Container */
.single-product-reviews {
  margin-top: clamp(80px, 12vw, 160px);
  padding: clamp(40px, 6vw, 80px) clamp(20px, 4vw, 40px);
  background: rgba(255,255,255,0.02);
  border: 1px solid rgba(255,255,255,0.06);
  border-radius: 22px;
  max-width: 980px;
  margin-left: auto;
  margin-right: auto;
}

.single-product-reviews h2 {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: clamp(1.6rem, 3.5vw, 2.4rem);
  line-height: 1.1;
  letter-spacing: -0.045em;
  color: var(--ink-fg);
  margin: 0 0 12px;
}
.single-product-reviews > p {
  font-family: var(--font-body);
  font-size: var(--fs-14);
  color: var(--ink-mute);
  margin: 0 0 32px;
}

/* Comment list */
.commentlist,
.woocommerce-Reviews #comments .commentlist {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: grid;
  gap: 16px;
}
.commentlist li,
.woocommerce-Reviews .commentlist li {
  background: var(--ink-surface) !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  border-radius: 18px !important;
  padding: 24px !important;
  color: var(--ink-fg) !important;
}
.commentlist .comment-body {
  display: grid;
  gap: 12px;
}
.commentlist .avatar,
.woocommerce-Reviews .commentlist .avatar {
  border-radius: 50% !important;
  border: 2px solid rgba(201,255,0,0.32) !important;
  width: 48px !important;
  height: 48px !important;
  margin-right: 12px !important;
  vertical-align: middle;
}
.commentlist .comment-author,
.woocommerce-Reviews .commentlist .comment-author {
  font-family: var(--font-display) !important;
  font-weight: 600 !important;
  font-size: var(--fs-16) !important;
  color: var(--ink-fg) !important;
  text-transform: none !important;
  letter-spacing: -0.01em !important;
}
.commentlist .comment-author cite,
.woocommerce-Reviews .commentlist cite.fn {
  font-style: normal !important;
}
.commentlist .comment-meta,
.woocommerce-Reviews .commentlist .comment-meta {
  font-family: var(--font-mono) !important;
  font-size: 11px !important;
  color: var(--ink-dim) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.12em !important;
  margin-bottom: 4px;
}
.commentlist .star-rating,
.woocommerce-Reviews .commentlist .star-rating {
  color: #C9FF00 !important;
  font-size: 14px !important;
  margin: 4px 0 8px !important;
}
.commentlist .description,
.woocommerce-Reviews .commentlist .description {
  font-family: var(--font-body) !important;
  font-size: var(--fs-16) !important;
  line-height: 1.7 !important;
  color: var(--ink-fg) !important;
  margin: 0 !important;
  padding: 0 !important;
}
.commentlist .wavecon-review-image img {
  max-width: 200px !important;
  width: auto !important;
  height: auto !important;
  border-radius: 12px !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  display: block !important;
  margin-top: 12px;
}

/* Comment form (reply form + standalone) */
.comment-respond,
#respond,
#review_form,
#respond.comment-respond,
.woocommerce-Reviews #review_form_wrapper #review_form {
  background: var(--ink-surface);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 18px;
  padding: 28px !important;
  margin-top: 32px !important;
  color: var(--ink-fg);
}
.comment-respond .comment-reply-title,
#respond h3.comment-reply-title,
#review_form #reply-title {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: var(--fs-20);
  color: var(--ink-fg);
  margin: 0 0 16px;
}
.comment-respond label,
#respond label,
#review_form label,
.comment-form label {
  font-family: var(--font-body);
  font-size: 12px;
  color: var(--ink-mute);
  text-transform: uppercase;
  letter-spacing: 0.18em;
  margin-bottom: 6px;
  display: block;
}
.comment-respond input[type="text"],
.comment-respond input[type="email"],
.comment-respond textarea,
#respond input[type="text"],
#respond input[type="email"],
#respond textarea,
#review_form input[type="text"],
#review_form input[type="email"],
#review_form textarea {
  background: #050505 !important;
  border: 1px solid rgba(255,255,255,0.14) !important;
  border-radius: 12px !important;
  color: var(--ink-fg) !important;
  font-family: var(--font-body) !important;
  font-size: var(--fs-16) !important;
  padding: 12px 16px !important;
  width: 100% !important;
  margin-bottom: 16px;
  box-sizing: border-box;
}
.comment-respond input[type="file"],
#respond input[type="file"],
#review_form input[type="file"] {
  font-family: var(--font-body);
  font-size: var(--fs-14);
  color: var(--ink-fg);
  background: #050505;
  border: 1px solid rgba(255,255,255,0.14);
  border-radius: 12px;
  padding: 10px 14px;
  width: 100%;
  max-width: 360px;
  display: block;
  margin-top: 6px;
}
.comment-respond textarea,
#respond textarea,
#review_form textarea {
  min-height: 120px;
  resize: vertical;
}
.comment-respond .stars,
#respond p.stars,
#review_form p.stars {
  display: inline-flex;
  gap: 4px;
  margin: 8px 0 16px;
}
.comment-respond .stars a,
#respond p.stars a,
#review_form p.stars a {
  color: #C9FF00 !important;
  text-decoration: none;
}
.comment-respond .required,
#respond .required,
#review_form .required {
  color: #FF6B6B;
}
.comment-respond .form-submit,
#respond .form-submit,
#review_form .form-submit {
  margin-top: 8px;
}
.comment-respond input[type="submit"],
#respond input[type="submit"],
#review_form input[type="submit"],
.comment-respond .submit,
#respond .submit,
#review_form .submit,
.form-submit input[type="submit"] {
  background: #C9FF00 !important;
  color: #050505 !important;
  border: 0 !important;
  border-radius: 999px !important;
  padding: 14px 28px !important;
  font-family: var(--font-body) !important;
  font-size: var(--fs-16) !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  cursor: pointer;
  transition: transform var(--dur-base) var(--ease-spring), background 200ms;
}
.comment-respond input[type="submit"]:hover,
#respond input[type="submit"]:hover,
.form-submit input[type="submit"]:hover {
  background: #B5E600 !important;
  transform: scale(1.02);
}
.comment-respond input[type="submit"]:active,
#respond input[type="submit"]:active {
  transform: scale(0.98);
}
.comment-respond .comment-notes,
#respond .comment-notes,
#review_form .comment-notes {
  font-family: var(--font-body);
  font-size: var(--fs-12);
  color: var(--ink-dim);
  margin: 0 0 16px;
}
.comment-respond .comment-form-cookies-consent,
#respond .comment-form-cookies-consent,
#review_form .comment-form-cookies-consent {
  display: flex;
  align-items: center;
  gap: 8px;
  font-family: var(--font-body);
  font-size: var(--fs-12);
  color: var(--ink-mute);
  margin: 8px 0 16px;
}
.comment-respond .comment-form-cookies-consent input,
#respond .comment-form-cookies-consent input {
  width: auto !important;
  margin: 0 !important;
}
.comment-respond .comment-form-rating,
#review_form .comment-form-rating {
  margin-bottom: 16px;
}
.comment-respond .comment-form-rating label,
#review_form .comment-form-rating label {
  display: block;
  margin-bottom: 8px;
}
.comment-respond .comment-form-rating p.stars,
#review_form .comment-form-rating p.stars {
  margin: 0;
}

/* WC single-product review tabs */
.woocommerce-tabs,
.woocommerce-Tabs-panel--reviews {
  background: transparent !important;
}
.woocommerce-Tabs-panel {
  padding: 0 !important;
}

/* Empty state when no reviews */
.woocommerce-noreviews {
  font-family: var(--font-body);
  font-size: var(--fs-14);
  color: var(--ink-mute);
  font-style: normal;
  padding: 24px;
  background: var(--ink-surface);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 18px;
  text-align: center;
  margin: 0;
}


/* WC single-product tabs (overview, description, reviews) */
.woocommerce-tabs {
  background: transparent !important;
  border: 0 !important;
  padding: clamp(40px, 6vw, 80px) 0 !important;
}
.woocommerce-tabs ul.tabs {
  display: flex !important;
  gap: 8px !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 0 32px !important;
  border-bottom: 1px solid rgba(255,255,255,0.08) !important;
}
.woocommerce-tabs ul.tabs li {
  border: 0 !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 0 !important;
}
.woocommerce-tabs ul.tabs li a {
  display: inline-block !important;
  padding: 12px 20px !important;
  font-family: var(--font-body) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  color: var(--ink-mute) !important;
  text-decoration: none !important;
  border-bottom: 2px solid transparent !important;
  margin-bottom: -1px !important;
  transition: all 200ms !important;
}
.woocommerce-tabs ul.tabs li a:hover,
.woocommerce-tabs ul.tabs li.active a {
  color: var(--ink-fg) !important;
  border-bottom-color: var(--ink-lime) !important;
}
.woocommerce-Tabs-panel {
  padding: 0 !important;
  background: transparent !important;
}
.woocommerce-Tabs-panel h2 {
  font-family: var(--font-display) !important;
  font-size: var(--fs-24) !important;
  color: var(--ink-fg) !important;
  margin: 0 0 16px !important;
  font-weight: 600 !important;
}
.woocommerce-Reviews #comments h2,
.woocommerce-Reviews .woocommerce-noreviews {
  background: transparent !important;
  color: var(--ink-mute) !important;
  border: 0 !important;
  padding: 0 !important;
  font-style: normal !important;
}

/* Force dark form inputs on review tab */
.woocommerce-Reviews .comment-form input,
.woocommerce-Reviews .comment-form textarea,
.woocommerce-Tabs-panel--reviews input[type="text"],
.woocommerce-Tabs-panel--reviews input[type="email"],
.woocommerce-Tabs-panel--reviews textarea {
  background: #050505 !important;
  border: 1px solid rgba(255,255,255,0.14) !important;
  border-radius: 12px !important;
  color: var(--ink-fg) !important;
  font-family: var(--font-body) !important;
  font-size: 14px !important;
  padding: 12px 16px !important;
}
.woocommerce-Reviews .comment-form label,
.woocommerce-Tabs-panel--reviews label {
  color: var(--ink-mute) !important;
  font-family: var(--font-body) !important;
  font-size: 12px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.18em !important;
}

/* Submit button */
.woocommerce-Tabs-panel--reviews .form-submit input[type="submit"],
.woocommerce-Tabs-panel--reviews button[type="submit"] {
  background: #C9FF00 !important;
  color: #050505 !important;
  border: 0 !important;
  border-radius: 999px !important;
  padding: 14px 28px !important;
  font-family: var(--font-body) !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  cursor: pointer;
}
.woocommerce-Tabs-panel--reviews .form-submit input[type="submit"]:hover {
  background: #B5E600 !important;
}

/* Hide title duplication when Spune-ne experiența ta is shown in .single-product-reviews */
.single-product-reviews h2 {
  font-size: clamp(1.6rem, 3.5vw, 2.4rem) !important;
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
  .comment-respond input[type="submit"]:hover,
  .comment-respond input[type="submit"]:active {
    transform: none;
  }
}

/* ============================================ */
/* Phase 6: Enhanced review UI - immersive dark */
/* ============================================ */

/* Review card: lime accent + gradient hover */
.woocommerce-Reviews .commentlist li,
.single-product-reviews .commentlist li {
  background: linear-gradient(135deg, rgba(255,255,255,0.02) 0%, rgba(255,255,255,0.04) 100%) !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  border-left: 3px solid var(--ink-lime) !important;
  border-radius: 18px !important;
  padding: 28px !important;
  color: var(--ink-fg) !important;
  position: relative;
  overflow: hidden;
  transition: transform 300ms var(--ease-out-expo),
              border-color 300ms var(--ease-out-expo),
              box-shadow 300ms var(--ease-out-expo);
}
.woocommerce-Reviews .commentlist li:hover,
.single-product-reviews .commentlist li:hover {
  transform: translateY(-2px);
  border-color: rgba(201,255,0,0.4) !important;
  border-left-color: var(--ink-lime) !important;
  box-shadow: 0 16px 40px -16px rgba(201,255,0,0.3),
              0 4px 12px -4px rgba(0,0,0,0.4);
  background: linear-gradient(135deg, rgba(201,255,0,0.04) 0%, rgba(255,255,255,0.02) 100%) !important;
}

/* Star rating: lime instead of orange */
.woocommerce-Reviews .star-rating,
.woocommerce-Reviews .star-rating span,
.woocommerce-Reviews p.stars a,
.woocommerce-Reviews p.stars a:hover ~ a,
.woocommerce-Reviews p.stars.selected a,
.woocommerce-Reviews p.stars a.active {
  color: var(--ink-lime) !important;
  filter: drop-shadow(0 0 4px rgba(201,255,0,0.4));
}

/* Reviewer avatar: lime halo */
.woocommerce-Reviews .commentlist .avatar,
.single-product-reviews .commentlist .avatar {
  border-radius: 50% !important;
  border: 2px solid var(--ink-lime) !important;
  box-shadow: 0 0 0 4px rgba(201,255,0,0.12), 0 0 12px rgba(201,255,0,0.3) !important;
  width: 48px !important;
  height: 48px !important;
  background: var(--ink-surface) !important;
}

/* Reviewer name + meta - 罗马尼亚本地化 */
.woocommerce-Reviews .commentlist .comment-author,
.single-product-reviews .commentlist .comment-author {
  font-family: var(--font-display) !important;
  font-weight: 600 !important;
  font-size: var(--fs-16) !important;
  color: var(--ink-fg) !important;
  text-transform: none !important;
  letter-spacing: -0.01em !important;
}
.woocommerce-Reviews .commentlist .comment-author cite,
.single-product-reviews .commentlist cite.fn {
  font-style: normal !important;
  color: var(--ink-fg) !important;
}
.woocommerce-Reviews .commentlist .comment-meta,
.single-product-reviews .commentlist .comment-meta {
  font-family: var(--font-mono) !important;
  font-size: 11px !important;
  color: var(--ink-dim) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.12em !important;
  margin-bottom: 4px;
  font-variant-numeric: tabular-nums;
}

.woocommerce-Reviews .commentlist .description,
.single-product-reviews .commentlist .description {
  font-family: var(--font-body) !important;
  font-size: var(--fs-16) !important;
  line-height: 1.7 !important;
  color: var(--ink-fg) !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Multi-image thumbnails */
.wavecon-review-images {
  display: flex !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
  margin-top: 12px;
}
.wavecon-review-thumb {
  display: block;
  border-radius: 10px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,0.08);
  transition: transform 200ms var(--ease-out-expo),
              border-color 200ms var(--ease-out-expo);
  position: relative;
}
.wavecon-review-thumb:hover {
  transform: scale(1.05);
  border-color: var(--ink-lime);
  box-shadow: 0 0 12px rgba(201,255,0,0.3);
}
.wavecon-review-thumb img {
  width: 90px !important;
  height: 90px !important;
  object-fit: cover !important;
  display: block !important;
}

/* Form button: lime gradient */
.woocommerce-Reviews #respond input[type="submit"],
.woocommerce-Reviews .form-submit input[type="submit"],
.woocommerce-Tabs-panel--reviews .form-submit input[type="submit"],
.woocommerce-Tabs-panel--reviews button[type="submit"] {
  background: linear-gradient(180deg, var(--ink-lime) 0%, #B5E600 100%) !important;
  color: #050505 !important;
  border: 0 !important;
  border-radius: 999px !important;
  padding: 16px 36px !important;
  font-family: var(--font-body) !important;
  font-weight: 600 !important;
  font-size: 15px !important;
  letter-spacing: 0 !important;
  cursor: pointer;
  box-shadow: 0 8px 24px -8px rgba(201,255,0,0.5) !important;
  transition: transform var(--dur-base) var(--ease-spring),
              box-shadow var(--dur-base) var(--ease-out-expo);
}
.woocommerce-Reviews #respond input[type="submit"]:hover,
.woocommerce-Reviews .form-submit input[type="submit"]:hover,
.woocommerce-Tabs-panel--reviews .form-submit input[type="submit"]:hover {
  transform: scale(1.02);
  box-shadow: 0 12px 32px -8px rgba(201,255,0,0.7) !important;
}

/* Image upload field: lime dashed */
.comment-form-image input[type="file"] {
  background: rgba(201,255,0,0.04) !important;
  border: 1px dashed rgba(201,255,0,0.32) !important;
  color: var(--ink-fg) !important;
  border-radius: 12px !important;
  padding: 12px 16px !important;
  font-family: var(--font-body) !important;
  font-size: var(--fs-14) !important;
  width: 100% !important;
  max-width: 100% !important;
  transition: border-color 200ms, background 200ms;
}
.comment-form-image input[type="file"]:hover {
  border-color: var(--ink-lime);
  background: rgba(201,255,0,0.08);
}
.comment-form-image label {
  display: block;
  font-family: var(--font-body) !important;
  font-size: 12px !important;
  color: var(--ink-mute) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.18em !important;
  margin-bottom: 8px !important;
}

.woocommerce-Reviews p.stars a {
  font-size: 24px !important;
  letter-spacing: 0.4em !important;
}

/* Empty state */
.woocommerce-Reviews .woocommerce-noreviews {
  background: rgba(255,255,255,0.02) !important;
  border: 1px dashed rgba(255,255,255,0.12) !important;
  border-radius: 18px !important;
  padding: 32px !important;
  text-align: center !important;
  color: var(--ink-mute) !important;
  font-family: var(--font-body) !important;
  font-style: normal !important;
  font-size: var(--fs-16) !important;
  margin: 0 !important;
}
.woocommerce-Reviews .woocommerce-noreviews::before {
  content: "✦";
  display: block;
  font-size: 32px;
  color: var(--ink-lime);
  margin-bottom: 12px;
  opacity: 0.5;
}

.woocommerce-Tabs-panel--reviews h2,
.woocommerce-Reviews #comments > h2,
.woocommerce-Reviews .woocommerce-Reviews-title {
  font-family: var(--font-display) !important;
  font-weight: 600 !important;
  font-size: clamp(1.5rem, 2.5vw, 1.875rem) !important;
  color: var(--ink-fg) !important;
  margin-bottom: 24px !important;
}

.woocommerce-Reviews .comment-form-author input,
.woocommerce-Reviews .comment-form-email input,
.woocommerce-Reviews .comment-form-comment textarea,
.woocommerce-Tabs-panel--reviews .comment-form-author input,
.woocommerce-Tabs-panel--reviews .comment-form-email input,
.woocommerce-Tabs-panel--reviews .comment-form-comment textarea {
  background: #050505 !important;
  border: 1px solid rgba(255,255,255,0.14) !important;
  border-radius: 12px !important;
  color: var(--ink-fg) !important;
  font-family: var(--font-body) !important;
  font-size: var(--fs-16) !important;
  padding: 12px 16px !important;
  width: 100% !important;
  transition: border-color 200ms;
}
.woocommerce-Reviews .comment-form-author input:focus,
.woocommerce-Reviews .comment-form-email input:focus,
.woocommerce-Reviews .comment-form-comment textarea:focus,
.woocommerce-Tabs-panel--reviews .comment-form-author input:focus,
.woocommerce-Tabs-panel--reviews .comment-form-email input:focus,
.woocommerce-Tabs-panel--reviews .comment-form-comment textarea:focus {
  border-color: var(--ink-lime) !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(201,255,0,0.1) !important;
}

.woocommerce-Reviews .comment-form-author,
.woocommerce-Reviews .comment-form-email {
  display: inline-block !important;
  width: calc(50% - 8px) !important;
  vertical-align: top !important;
  margin-bottom: 16px !important;
}
.woocommerce-Reviews .comment-form-author { margin-right: 16px !important; }

.woocommerce-Reviews .comment-notes {
  font-family: var(--font-body) !important;
  font-size: var(--fs-12) !important;
  color: var(--ink-dim) !important;
  margin: 0 0 16px !important;
}

.woocommerce-Reviews .required {
  color: var(--ink-lime) !important;
}

.woocommerce-Reviews .comment-form-cookies-consent {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  font-family: var(--font-body) !important;
  font-size: var(--fs-12) !important;
  color: var(--ink-mute) !important;
  margin: 12px 0 20px !important;
}
.woocommerce-Reviews .comment-form-cookies-consent input {
  width: 16px !important;
  height: 16px !important;
  accent-color: var(--ink-lime) !important;
  margin: 0 !important;
}

@media (prefers-reduced-motion: reduce) {
  .woocommerce-Reviews .commentlist li:hover,
  .single-product-reviews .commentlist li:hover,
  .wavecon-review-thumb:hover {
    transform: none;
  }
  .woocommerce-Reviews #respond input[type="submit"]:hover,
  .woocommerce-Reviews .form-submit input[type="submit"]:hover,
  .woocommerce-Tabs-panel--reviews .form-submit input[type="submit"]:hover {
    transform: none;
  }
}