/*!
 * Product-feedback colour — unique filename (nginx caches /css/ immutable).
 * The experience-rating strip uses Elinom brand colours so the stars
 * are no longer a black-and-white tile row.
 */

.pf-rate-strip,
#pf-rate-strip.pf-rate-strip {
  background:
    linear-gradient(#0b1224, #10193a) padding-box,
    linear-gradient(135deg, #38bdf8 0%, #6366f1 36%, #f472b6 72%, #f59e0b 100%)
      border-box !important;
  border: 1.5px solid transparent !important;
  box-shadow:
    0 18px 50px rgb(2, 6, 23, 0.45),
    0 0 28px rgb(99, 102, 241, 0.18) !important;
}

.pf-rate-strip .pf-rate-head h3,
#pf-rate-strip .pf-rate-head h3 {
  background: linear-gradient(90deg, #38bdf8 0%, #818cf8 42%, #f472b6 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent !important;
}

.pf-rate-strip .pf-rate-head p,
#pf-rate-strip .pf-rate-head p {
  color: #c7d2fe !important;
}

.pf-rate-strip .pf-rate-dismiss,
#pf-rate-strip .pf-rate-dismiss {
  color: #a5b4fc !important;
}

.pf-rate-strip .pf-rate-stars,
#pf-rate-strip .pf-rate-stars {
  gap: 8px !important;
}

.pf-rate-strip .pf-rate-star,
#pf-rate-strip .pf-rate-star {
  font-size: 22px !important;
  box-shadow: inset 0 1px 0 rgb(255, 255, 255, 0.08);
}

.pf-rate-strip .pf-rate-star:nth-child(1),
#pf-rate-strip .pf-rate-star:nth-child(1) {
  color: #38bdf8 !important;
  border-color: rgb(56, 189, 248, 0.7) !important;
  background: rgb(56, 189, 248, 0.16) !important;
}

.pf-rate-strip .pf-rate-star:nth-child(2),
#pf-rate-strip .pf-rate-star:nth-child(2) {
  color: #818cf8 !important;
  border-color: rgb(99, 102, 241, 0.7) !important;
  background: rgb(99, 102, 241, 0.18) !important;
}

.pf-rate-strip .pf-rate-star:nth-child(3),
#pf-rate-strip .pf-rate-star:nth-child(3) {
  color: #c084fc !important;
  border-color: rgb(168, 85, 247, 0.7) !important;
  background: rgb(168, 85, 247, 0.16) !important;
}

.pf-rate-strip .pf-rate-star:nth-child(4),
#pf-rate-strip .pf-rate-star:nth-child(4) {
  color: #f472b6 !important;
  border-color: rgb(244, 114, 182, 0.7) !important;
  background: rgb(244, 114, 182, 0.16) !important;
}

.pf-rate-strip .pf-rate-star:nth-child(5),
#pf-rate-strip .pf-rate-star:nth-child(5) {
  color: #f59e0b !important;
  border-color: rgb(245, 158, 11, 0.75) !important;
  background: rgb(245, 158, 11, 0.16) !important;
}

.pf-rate-strip .pf-rate-star:nth-child(1)[aria-pressed="true"],
.pf-rate-strip .pf-rate-star:nth-child(1):hover,
.pf-rate-strip .pf-rate-star:nth-child(1):focus-visible,
#pf-rate-strip .pf-rate-star:nth-child(1)[aria-pressed="true"],
#pf-rate-strip .pf-rate-star:nth-child(1):hover,
#pf-rate-strip .pf-rate-star:nth-child(1):focus-visible {
  color: #0b1220 !important;
  background: #38bdf8 !important;
  box-shadow: 0 0 14px rgb(56, 189, 248, 0.5) !important;
}

.pf-rate-strip .pf-rate-star:nth-child(2)[aria-pressed="true"],
.pf-rate-strip .pf-rate-star:nth-child(2):hover,
.pf-rate-strip .pf-rate-star:nth-child(2):focus-visible,
#pf-rate-strip .pf-rate-star:nth-child(2)[aria-pressed="true"],
#pf-rate-strip .pf-rate-star:nth-child(2):hover,
#pf-rate-strip .pf-rate-star:nth-child(2):focus-visible {
  color: #eef2ff !important;
  background: #6366f1 !important;
  box-shadow: 0 0 14px rgb(99, 102, 241, 0.5) !important;
}

.pf-rate-strip .pf-rate-star:nth-child(3)[aria-pressed="true"],
.pf-rate-strip .pf-rate-star:nth-child(3):hover,
.pf-rate-strip .pf-rate-star:nth-child(3):focus-visible,
#pf-rate-strip .pf-rate-star:nth-child(3)[aria-pressed="true"],
#pf-rate-strip .pf-rate-star:nth-child(3):hover,
#pf-rate-strip .pf-rate-star:nth-child(3):focus-visible {
  color: #2e1065 !important;
  background: #c084fc !important;
  box-shadow: 0 0 14px rgb(192, 132, 252, 0.5) !important;
}

.pf-rate-strip .pf-rate-star:nth-child(4)[aria-pressed="true"],
.pf-rate-strip .pf-rate-star:nth-child(4):hover,
.pf-rate-strip .pf-rate-star:nth-child(4):focus-visible,
#pf-rate-strip .pf-rate-star:nth-child(4)[aria-pressed="true"],
#pf-rate-strip .pf-rate-star:nth-child(4):hover,
#pf-rate-strip .pf-rate-star:nth-child(4):focus-visible {
  color: #4a044e !important;
  background: #f472b6 !important;
  box-shadow: 0 0 14px rgb(244, 114, 182, 0.5) !important;
}

.pf-rate-strip .pf-rate-star:nth-child(5)[aria-pressed="true"],
.pf-rate-strip .pf-rate-star:nth-child(5):hover,
.pf-rate-strip .pf-rate-star:nth-child(5):focus-visible,
#pf-rate-strip .pf-rate-star:nth-child(5):hover,
#pf-rate-strip .pf-rate-star:nth-child(5):focus-visible {
  color: #431407 !important;
  background: #f59e0b !important;
  box-shadow: 0 0 14px rgb(245, 158, 11, 0.5) !important;
}

.pf-rate-strip #pf-rate-submit.pf-btn-primary,
#pf-rate-strip #pf-rate-submit.pf-btn-primary {
  background: linear-gradient(135deg, #38bdf8 0%, #6366f1 40%, #f472b6 78%, #f59e0b 100%) !important;
  color: #0b1220 !important;
  border: 0 !important;
}

.pf-rate-strip .pf-btn-ghost,
#pf-rate-strip .pf-btn-ghost {
  color: #93c5fd !important;
}

.pf-rate-strip .pf-rate-more textarea,
#pf-rate-strip .pf-rate-more textarea {
  border-color: rgb(129, 140, 248, 0.45) !important;
}