/* Heroes page styles — minimal and complementary to base.css */

.page-hero {
  background: linear-gradient(135deg, rgba(26, 43, 69, 0.6) 0%, rgba(20, 32, 56, 0.6) 100%);
}

.filter-bar {
  display: block;
}

.hero-roster-grid .hero-card .card-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* Faction color badges */
.badge-arleon { background: linear-gradient(135deg, var(--color-accent-gold) 0%, var(--color-accent-gold-light) 100%); color: var(--color-text-inverse); }
.badge-barya { background-color: var(--color-steel); color: var(--color-text-primary); }
.badge-loth { background-color: var(--color-accent-purple); color: var(--color-text-primary); }
.badge-rana { background-color: var(--color-primary); color: var(--color-text-primary); }

/* Gallery grid tweaks */
.gallery-grid img { width: 100%; height: auto; }

/* Breadcrumbs */
.breadcrumbs li+li::before {
  content: '\203A'; /* › */
  margin: 0 var(--space-2);
  color: var(--color-text-muted);
}

/* Utility spacing for cards within details */
details.card > .card-body { padding-top: 0; }

/* Responsive fine-tuning */
@media (min-width: 1024px) {
  .hero-media img { max-height: 420px; object-fit: cover; }
}