/* Shared brand image for content that has no usable original image. */
.site-image-fallback {
  object-fit: cover;
  object-position: center;
  background: #171812;
}

:where(
  .tp-merch-placeholder,
  .tp-sheet-thumb-placeholder,
  .ah-event-poster-placeholder,
  .ah-artist-list-image-placeholder,
  .tp-return-thumb-placeholder,
  .product-image-placeholder,
  .product-gallery-thumb-placeholder,
  .event-image-empty-fallback,
  .re-item-slot-fallback,
  .ah-writer-cover,
  .event-cover-placeholder,
  .event-hero-poster-placeholder,
  .ah-detail-poster-fallback,
  .ah-poster-fallback,
  .ah-booking-poster-fallback,
  .card-cover-placeholder,
  .portfolio-preview-empty,
  .ah-article-card-cover.is-placeholder
) {
  background-image:
    linear-gradient(rgba(8, 9, 11, 0.24), rgba(8, 9, 11, 0.42)),
    url("../images/ug-image-fallback.webp");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.ah-artist-list-image-placeholder,
.ah-article-card-cover.is-placeholder {
  background-color: #171812;
}

.ah-main .ah-artists-page .ah-artist-list-image-link.ah-artist-list-image-placeholder {
  background-image:
    linear-gradient(rgba(8, 9, 11, 0.2), rgba(8, 9, 11, 0.4)),
    url("../images/ug-image-fallback.webp");
  background-size: cover;
  background-position: center;
}

.tp-wishlist-card-image.is-image-placeholder {
  display: grid;
  place-items: center;
  background-image:
    linear-gradient(rgba(8, 9, 11, 0.2), rgba(8, 9, 11, 0.38)),
    url("../images/ug-image-fallback.webp");
  background-size: cover;
  background-position: center;
}

.tp-related-image.is-image-placeholder,
.ah-detail-poster-fallback,
.ah-poster-fallback,
.ah-booking-poster-fallback,
.mp-avatar-placeholder {
  background-image:
    linear-gradient(rgba(8, 9, 11, 0.2), rgba(8, 9, 11, 0.4)),
    url("../images/ug-image-fallback.webp");
  background-size: cover;
  background-position: center;
}

.musician-photo-missing {
  background-image:
    linear-gradient(rgba(8, 9, 11, 0.18), rgba(8, 9, 11, 0.42)),
    url("../images/ug-image-fallback.webp");
  background-size: cover;
  background-position: center;
}

.event-image-empty-fallback {
  display: grid;
  width: 100%;
  height: 100%;
  place-items: center;
  background-image:
    linear-gradient(rgba(8, 9, 11, 0.2), rgba(8, 9, 11, 0.4)),
    url("../images/ug-image-fallback.webp");
  background-size: cover;
  background-position: center;
}

.tp-wishlist-card-image.is-image-placeholder > span {
  padding: 5px 8px;
  border: 1px solid rgba(229, 227, 218, 0.28);
  border-radius: 999px;
  background: rgba(10, 11, 14, 0.68);
  color: #e5e3da;
  font: 600 9px/1.2 var(--ah-mono, monospace);
  letter-spacing: 0.08em;
}

@media (prefers-reduced-motion: reduce) {
  .site-image-fallback { transition: none !important; }
}