/* ==========================================================================
   Partner View — read-only asset browser (photos/videos/documents/
   testimonials-partner.html). Reuses the site's .image-card / .image-grid /
   category-bar look from css/style.css, but every card here is stripped
   down to view-only: no notes, no delete, no add, no editing of any kind.
   Notes are intentionally never rendered anywhere on these pages — they are
   for internal team members only.
   ========================================================================== */

.partner-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: rgba(227, 30, 36, 0.12);
  color: var(--hpi-red);
  border: 1px solid rgba(227, 30, 36, 0.35);
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 0.68rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  margin-left: 10px;
}

/* Read-only star display (no click handlers, no hover states implying
   interactivity) — visually similar to the editable star row elsewhere on
   the site, but rendered as plain filled/empty icons with no pointer cursor. */
.card-stars-readonly {
  display: flex;
  align-items: center;
  gap: 3px;
  margin: 6px 0 4px;
}

.card-stars-readonly .star {
  font-size: 1rem;
  color: var(--hpi-gray-200);
  cursor: default;
}

.card-stars-readonly .star.filled {
  color: #f5a623;
}

.card-stars-readonly-empty {
  font-size: 0.78rem;
  color: var(--hpi-gray-600);
  font-style: italic;
}

.card-avg-label {
  font-size: 0.72rem;
  color: var(--hpi-gray-600);
  margin: 0 0 2px;
}

/* Document/testimonial partner cards are simpler (no image thumbnail) —
   a plain body-only card. */
.partner-doc-card,
.partner-testimonial-card {
  background: var(--hpi-white);
  border-radius: 8px;
  overflow: hidden;
  box-shadow: var(--shadow-card);
  border: 2px solid transparent;
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.partner-doc-card.is-rated,
.partner-testimonial-card.is-rated {
  border-color: #1a8f3c;
}

.partner-doc-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--hpi-red);
  font-weight: 600;
  font-size: 0.85rem;
  margin-top: 4px;
}

.partner-doc-link:hover { text-decoration: underline; }

.partner-testimonial-text {
  font-size: 0.85rem;
  color: var(--hpi-gray-800);
  line-height: 1.5;
  margin: 4px 0;
}

.partner-testimonial-customer {
  font-size: 0.75rem;
  color: var(--hpi-gray-600);
  font-weight: 600;
}

.partner-source-badge {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 0.65rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  padding: 2px 8px;
  border-radius: 999px;
  background: var(--hpi-gray-100);
  color: var(--hpi-gray-600);
  width: fit-content;
}