/* Hide number input spinners on score field */
input[id^="review-score-"]::-webkit-inner-spin-button,
input[id^="review-score-"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Reviews panel (neon theme) */
.reviews-panel {
  background: rgba(0,0,0,0.14);
  border-radius: 12px;
  padding: 16px;
  box-shadow: 0 6px 30px rgba(255,45,179,0.06);
}

.reviews-panel h3 {
  color: var(--color-accent);
  text-shadow: 0 0 8px rgba(255,0,255,0.2);
  margin: 0 0 12px 0;
}

.review-row {
  border-radius: 10px;
  transition: background 0.12s ease, opacity 0.2s ease;
}

.review-row:hover {
  background: rgba(255,105,180,0.02);
}

.review-row .btn {
  background: transparent;
  border: 1px solid rgba(255,105,180,0.08);
  color: var(--color-accent);
  padding: 6px 8px;
  border-radius: 8px;
  cursor: pointer;
}

.review-row .btn.danger {
  border-color: rgba(255,20,80,0.16);
  color: #ff6b88;
}

.review-row .btn[disabled] {
  opacity: 0.6;
  cursor: default;
}

.load-more-reviews-btn {
  background: linear-gradient(90deg,#ff69b4,#8b00ff);
  color: #fff;
  border: none;
  padding: 10px 14px;
  border-radius: 12px;
  cursor: pointer;
}

/* =========================
   Multiline clamp helpers
   =========================
   Use the class `multiline-clamp` (defaults to 3 lines)
   or `multiline-clamp--2`, `multiline-clamp--3`, `multiline-clamp--4`
   to control how many lines are shown before truncation.
   Adding the unprefixed `line-clamp` helps satisfy linters; browsers that
   don't support it will ignore it.
*/
.multiline-clamp,
.multiline-clamp--3 {
  overflow: hidden;
  display: -webkit-box;           /* needed for -webkit-line-clamp */
  -webkit-box-orient: vertical;   /* needed for -webkit-line-clamp */
  -webkit-line-clamp: 3;          /* Chrome / Safari */
  line-clamp: 3;                  /* future standard (lint friendliness) */
  text-overflow: ellipsis;
}

.multiline-clamp--2 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  text-overflow: ellipsis;
}

.multiline-clamp--4 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  line-clamp: 4;
  text-overflow: ellipsis;
}

/* Review content default style (use instead of inline clamping styles) */
.review-content {
  color: #ccc;
  margin-top: 8px;
  font-size: 0.95rem;
  line-height: 1.35;
  word-break: break-word;
}

/* Ensure children do not break clamp formatting */
.multiline-clamp * {
  max-width: 100%;
  box-sizing: border-box;
}