/* =====================================================================
   Block 20 Borussen — echte Vereinsfotos
   Wird nach styles.css geladen und ersetzt die Platzhalter-Muster.
   Kein !important nötig: gleiche Spezifität, spätere Ladereihenfolge gewinnt.
   ===================================================================== */

/* Startseiten-Hero: echtes Stadionfoto statt generischem Hintergrund */
.hero {
  background:
    linear-gradient(180deg, rgba(0, 0, 0, .2) 0%, rgba(0, 0, 0, .5) 48%, rgba(0, 0, 0, .84) 100%),
    url("../img/photos/stadion-sued-tribuene.jpg") center / cover no-repeat;
}

.welcome__visual {
  background:
    linear-gradient(180deg, rgba(0, 0, 0, .02), rgba(0, 0, 0, .48)),
    url("../img/photos/gruppenfoto-auswaerts.jpg") center / cover no-repeat;
  border: 1px solid var(--color-line);
}

.card__media--photo,
.product__media--photo,
.gallery-item--photo,
.lightbox__img--photo {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  color: transparent;
}

.card__media--photo { min-height: 220px; border-color: var(--color-line); }
.product__media--photo { min-height: 240px; border-color: var(--color-line); }
.gallery-item--photo { background-color: #111; }
.gallery-item--photo::after { color: #fff; text-shadow: 0 3px 18px rgba(0, 0, 0, .8); }

.lightbox__img--photo {
  width: min(1100px, calc(100vw - 32px));
  height: min(74vh, 760px);
  background-color: #080808;
  border: 1px solid var(--color-line);
  color: transparent;
}