/*
 * Legends Live One — premium visibility grade
 * Keeps the cinematic red/black identity while allowing the real imagery
 * to read clearly on desktop, tablet and mobile.
 */

/* Homepage */
.ll-intro-film {
  filter: saturate(1.22) contrast(1.05) brightness(1.20);
}

.hero-image video {
  filter: saturate(1.25) contrast(1.04) brightness(1.27);
}

.hero-shade {
  background:
    linear-gradient(90deg, rgba(3, 3, 3, .72), rgba(3, 3, 3, .43) 42%, rgba(3, 3, 3, .015) 73%, rgba(3, 3, 3, .10)),
    linear-gradient(180deg, rgba(3, 3, 3, .02), transparent 66%, #050505 99%);
}

.live-card-media,
.broadcast-player {
  background-image:
    linear-gradient(180deg, rgba(0, 0, 0, .01), rgba(0, 0, 0, .56)),
    url("../artists/reckless-live.jpg");
}

.wiza-image {
  filter: saturate(.92) contrast(1.03) brightness(1.18);
}

.wiza-shade {
  background:
    linear-gradient(90deg, rgba(3, 3, 3, .78), rgba(3, 3, 3, .58) 48%, rgba(3, 3, 3, .18)),
    linear-gradient(180deg, rgba(0, 0, 0, .16), rgba(0, 0, 0, .38));
}

.tv-screen {
  background-image:
    linear-gradient(180deg, transparent 35%, rgba(0, 0, 0, .54)),
    url("assets/heritage-poster.jpg");
}

.beyond-guide-backdrop {
  filter: saturate(.88) contrast(1.07) brightness(.72);
}

.beyond-guide::before {
  background:
    linear-gradient(90deg, rgba(5, 5, 5, .62), rgba(5, 5, 5, .40) 52%, rgba(5, 5, 5, .55)),
    linear-gradient(180deg, rgba(5, 5, 5, .12), rgba(5, 5, 5, .65));
}

.hero-routes a::before {
  background: linear-gradient(180deg, rgba(5, 5, 5, .01), rgba(5, 5, 5, .68));
}

.hero-routes a:hover::before {
  background: linear-gradient(180deg, transparent, rgba(5, 5, 5, .54));
}

.live-pulse-visual::before {
  background: linear-gradient(180deg, rgba(0, 0, 0, .01), rgba(0, 0, 0, .66));
}

.profile-cover {
  background-image:
    linear-gradient(180deg, transparent 38%, rgba(0, 0, 0, .66)),
    url("../artists/reckless-live.jpg") !important;
}

.battle-side-one {
  background-image:
    linear-gradient(180deg, transparent 40%, rgba(0, 0, 0, .63)),
    url("../artists/reckless-live.jpg") !important;
}

.battle-side-two {
  background-image:
    linear-gradient(180deg, transparent 40%, rgba(0, 0, 0, .63)),
    url("../artists/new-heroes.jpg") !important;
}

.industry-screen {
  background-image:
    linear-gradient(180deg, transparent 38%, rgba(0, 0, 0, .62)),
    url("../artists/new-heroes.jpg") !important;
}

.join-shade {
  background:
    linear-gradient(90deg, rgba(3, 3, 3, .46), rgba(3, 3, 3, .28)),
    linear-gradient(180deg, transparent 38%, rgba(3, 3, 3, .66));
}

/* Gig guide */
.gig-hero-image {
  filter: saturate(1.02) contrast(1.04) brightness(1.20);
}

.gig-hero-shade {
  background:
    linear-gradient(90deg, rgba(2, 2, 2, .76), rgba(2, 2, 2, .53) 48%, rgba(2, 2, 2, .11)),
    linear-gradient(180deg, rgba(0, 0, 0, .05), #050505 98%);
}

.gig-card-image:not([class*="gig-image-"]):not(.provider-event-image) {
  background-image:
    linear-gradient(180deg, rgba(0, 0, 0, .03), rgba(0, 0, 0, .62)),
    url("assets/global-hero.png");
}

.gig-card-image::after {
  background: linear-gradient(180deg, transparent 42%, rgba(0, 0, 0, .58));
}

.venue-plan {
  background:
    linear-gradient(115deg, rgba(5, 5, 5, .76), rgba(5, 5, 5, .48)),
    url("assets/global-hero.png") center/cover;
}

.guide-close {
  background:
    linear-gradient(rgba(4, 4, 4, .46), rgba(4, 4, 4, .70)),
    url("assets/global-hero.png") center/cover;
}

/* Rehearsal-room finder */
.room-hero-image {
  filter: saturate(1.08) contrast(1.03) brightness(1.18);
}

.room-hero-shade {
  background:
    linear-gradient(90deg, rgba(3, 3, 3, .76) 0%, rgba(3, 3, 3, .53) 36%, rgba(3, 3, 3, .035) 73%),
    linear-gradient(0deg, #050505 0%, transparent 31%);
}

.room-card-visual::after {
  background: linear-gradient(180deg, transparent 42%, rgba(0, 0, 0, .55));
}

.room-journey {
  background:
    linear-gradient(105deg, rgba(4, 4, 4, .72), rgba(4, 4, 4, .36)),
    url("assets/rooms/official/stiff-crowd.jpg") center/cover;
}

.room-step-visual::after {
  background: linear-gradient(180deg, transparent 42%, rgba(0, 0, 0, .46));
}

.room-list {
  background:
    linear-gradient(110deg, rgba(7, 6, 5, .70), rgba(7, 6, 5, .46)),
    url("assets/rooms/official/emperor.jpg") center/cover;
}

/* Pricing */
.pricing-hero-image {
  filter: saturate(1) contrast(1.03) brightness(1.20);
}

.pricing-hero-shade {
  background:
    linear-gradient(90deg, rgba(3, 3, 3, .76), rgba(3, 3, 3, .52) 55%, rgba(3, 3, 3, .13)),
    linear-gradient(180deg, rgba(0, 0, 0, .05), #060606 98%);
}

.pricing-close {
  background:
    linear-gradient(rgba(4, 4, 4, .48), rgba(4, 4, 4, .70)),
    url("assets/global-hero.png") center/cover;
}

/* Artist pages */
.cover-photo {
  filter: saturate(1.08) contrast(1.03) brightness(1.12);
}

.cover-photo.is-premium-remaster {
  filter: saturate(1.12) contrast(1.03) brightness(1.24);
}

.cover-grade {
  background:
    linear-gradient(90deg, rgba(3, 3, 3, .68) 0%, rgba(3, 3, 3, .13) 54%, rgba(3, 3, 3, .35)),
    linear-gradient(0deg, #050505 0%, transparent 39%),
    radial-gradient(circle at 70% 30%, transparent, var(--accent-soft));
}

.track-art {
  background-image:
    linear-gradient(180deg, transparent 42%, rgba(0, 0, 0, .57)),
    var(--profile-image, url("../artists/reckless-live.jpg"));
}

.post-firelines {
  background-image:
    linear-gradient(0deg, rgba(0, 0, 0, .60), transparent 62%),
    var(--profile-image, url("../artists/reckless-live.jpg"));
}

.luna-photo,
.northbound-photo,
.firelines-photo {
  filter: saturate(1.06) brightness(1.10);
}

.discovery-image {
  background:
    linear-gradient(0deg, rgba(0, 0, 0, .58), transparent 62%),
    var(--profile-image, url("../artists/reckless-live.jpg")) center/cover;
}

@media (max-width: 720px) {
  .ll-intro-film {
    filter: saturate(1.18) contrast(1.04) brightness(1.25);
  }

  .hero-image video {
    filter: saturate(1.17) contrast(1.04) brightness(1.18);
  }

  .hero-shade {
    background: linear-gradient(180deg, rgba(3, 3, 3, .30), rgba(3, 3, 3, .27) 54%, #050505 98%);
  }

  .gig-hero-shade,
  .room-hero-shade,
  .pricing-hero-shade {
    background:
      linear-gradient(180deg, rgba(3, 3, 3, .46), rgba(3, 3, 3, .27) 52%, #050505 98%);
  }

  .cover-grade {
    background:
      linear-gradient(180deg, rgba(3, 3, 3, .18), rgba(3, 3, 3, .46) 62%, #050505 99%);
  }
}

@media (prefers-reduced-motion: reduce) {
  .hero-image,
  .gig-hero-image,
  .room-hero-image,
  .pricing-hero-image,
  .cover-photo {
    transition: none;
  }
}