/* === Rating Widget === */
.pls-rating {
  font-family: sans-serif;
}

.pls-stars {
  display: inline-block;
  user-select: none;
}

.pls-star {
  font-size: 2rem;
  color: #ccc;
  cursor: pointer;
  transition: color 0.15s ease;
}

/* final (saved) fill color */
.pls-star.filled {
  color: #f2c94c; /* warm gold */
}

/* live hover preview (slightly different from gold) */
.pls-star.hovered {
  color: #8ec5ff; /* soft blue to show "preview" */
}

.pls-star + .pls-star {
  margin-left: 0.2em;
}

.pls-info {
  display: inline-block;
  vertical-align: middle;
  margin-left: 0.5em;
  color: #666;
  font-size: 1rem;
}
.pls-info .pls-average { font-weight: bold; }

.pls-note {
  margin-top: 0.5em;
  color: #333;
  font-style: italic;
  font-size: 0.9rem;
}

/* === Feedback Form (Dutch UI) === */
.pls-feedback {
  font-size: 0.9rem;
  color: #333;
  margin-top: 15px;
  padding: 12px;
  border: 1px solid #e2e2e2;
  background: #fafafa;
  border-radius: 6px;
}

.pls-feedback strong {
  display: block;
  margin-bottom: 10px;
}

.pls-feedback-options label {
  display: block;
  margin: 4px 0;
}

.pls-feedback input[type="radio"] {
  margin-right: 6px;
}

.pls-feedback textarea {
  resize: vertical;
  min-height: 70px;
  width: 100%;
  padding: 8px;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-family: inherit;
  margin-top: 8px;
}

.pls-feedback-submit {
  background-color: #0073aa;
  color: #fff;
  border: none;
  padding: 8px 14px;
  cursor: pointer;
  border-radius: 4px;
  font-size: 0.9rem;
  margin-top: 8px;
}
.pls-feedback-submit:hover {
  background-color: #005f8d;
}

.pls-feedback-msg {
  margin-top: 8px;
  font-size: 0.9rem;
  color: #2f855a; /* success green */
}