/* ==========================================================================
   Preem Team — testimonial wall (Feedback page)
   Flat grid of staff-featured #feedback messages. See
   scripts/apply-feedback.js for how the bot integration adds a new card.
   ========================================================================== */

/* Material's "grid cards" extension wraps each `-` item in its own <ul>,
   so a card <li> is a grandchild of the div (.pt-feedback-grid > ul > li),
   not a direct child -- a `>` combinator here silently matches nothing. */
.pt-feedback-grid li {
  border-left: 3px solid var(--pt-neon-pink);
  /* Cards sit directly over the page's Night City background photo --
     without an opaque-ish backing, italic quote text loses contrast
     against busy parts of the image. Blur (matching the site's other
     "liquid glass" surfaces, e.g. the header) keeps the photo readable
     as texture behind the card without it fighting the text. */
  background: rgba(10, 10, 18, 0.82);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}

.pt-feedback-grid li blockquote {
  margin: 0 0 0.6em 0;
  padding: 0;
  border: none;
  font-style: italic;
  color: var(--md-default-fg-color);
}

.pt-feedback-avatar {
  width: 1.6em;
  height: 1.6em;
  border-radius: 50%;
  vertical-align: middle;
  margin-right: 0.4em;
}