/* Tech4Live V2.2.17 – Bild-Hover nur auf der Startseite.
   Sanftes Zoom, dezenter Neon-Glow, keine Änderung an Links, Player oder Daten. */

/* Ruhige Übergänge; die Bilder bleiben an ihrer bisherigen Position. */
.home-layout .player-portrait img,
.home-layout .cover-frame img,
.home-layout .release-card .cover img,
.home-layout .tv2214-promo-image,
.home-layout .news-card img,
.home-layout .tv2212-next-photo,
.home-layout .tv2212-preview-row > img,
.home-layout .onair-flex img,
.home-layout .history-list img {
  transition: transform 340ms cubic-bezier(.22,.8,.28,1),
              filter 340ms ease,
              box-shadow 340ms ease,
              border-color 340ms ease;
  transform-origin: center center;
}

.home-layout .release-card,
.home-layout .tv2214-promo-figure {
  transition: border-color 340ms ease, box-shadow 340ms ease;
}

/* Crop nur innerhalb bestehender Bildflächen, kein Verschieben der Layout-Spalten. */
.home-layout .release-card .cover,
.home-layout .tv2214-promo-figure,
.home-layout .cover-frame {
  overflow: hidden;
}
.home-layout .tv2214-promo-figure {
  border-radius: 15px;
}

/* Nur echte Hover-Geräte erhalten den Effekt; Touch bekommt keinen Klebe-Hover. */
@media (hover: hover) and (pointer: fine) {
  .home-layout .player-portrait:hover img,
  .home-layout .cover-frame:hover img,
  .home-layout .release-card:hover .cover img,
  .home-layout .tv2214-promo-figure:hover .tv2214-promo-image,
  .home-layout .news-card img:hover,
  .home-layout .tv2212-next-photo:hover,
  .home-layout .tv2212-preview-row:hover > img,
  .home-layout .onair-flex img:hover,
  .home-layout .history-list img:hover {
    transform: scale(1.055);
    filter: brightness(1.11) saturate(1.12);
  }

  .home-layout .release-card:hover {
    border-color: rgba(255, 214, 30, .75);
    box-shadow: 0 0 18px rgba(255, 206, 0, .14);
  }
  .home-layout .tv2214-promo-figure:hover .tv2214-promo-image {
    border-color: #ffe341;
    box-shadow: 0 0 29px rgba(255, 218, 20, .28),
                0 12px 26px rgba(0,0,0,.38);
  }
  .home-layout .player-portrait:hover img,
  .home-layout .cover-frame:hover img,
  .home-layout .news-card img:hover,
  .home-layout .tv2212-next-photo:hover,
  .home-layout .tv2212-preview-row:hover > img,
  .home-layout .onair-flex img:hover,
  .home-layout .history-list img:hover {
    box-shadow: 0 0 20px rgba(255, 216, 0, .34);
  }
}

/* Tastaturzugang: Bild und Text der verlinkten Sendeplan-Vorschau hervorheben. */
.home-layout .tv2212-preview-row:focus-visible > img {
  border-color: #ffe64c;
  box-shadow: 0 0 0 2px rgba(255, 228, 50, .56);
}

/* Einstellungen für reduzierte Bewegung immer beachten. */
@media (prefers-reduced-motion: reduce) {
  .home-layout .player-portrait img,
  .home-layout .cover-frame img,
  .home-layout .release-card .cover img,
  .home-layout .tv2214-promo-image,
  .home-layout .news-card img,
  .home-layout .tv2212-next-photo,
  .home-layout .tv2212-preview-row > img,
  .home-layout .onair-flex img,
  .home-layout .history-list img,
  .home-layout .release-card,
  .home-layout .tv2214-promo-figure {
    transition: none !important;
  }
  .home-layout img { transform: none !important; }
}