/* ===================================================================
   Full-bleed hero — wide tour image + dark left-to-right overlay,
   white text. Shared by the setlist page (setlist/show.blade.php) and
   the tour page (tour/show.blade.php). The wide tour image is framed
   per-image via HeroFocus (object-position, applied inline on the
   <img>), set in the admin "Hero focus" tool so the band's faces stay
   in frame under object-fit:cover. The byline/span/jump pills reuse
   song-hero.css; only their colors change here.
   =================================================================== */
.shero {
    position: relative;
    display: flex;
    min-height: 260px;
    margin: 0 0 2rem;
    border-radius: 10px;
    overflow: hidden;
    background-color: #18151f;
    box-shadow: 0 4px 21px -12px rgba(0, 0, 0, .66);
    isolation: isolate;
}
.shero__media {
    position: absolute;
    inset: 0;
    z-index: 0;
}
.shero__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
}
.shero__overlay {
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
}
.shero__body {
    position: relative;
    z-index: 2;
    width: 100%;
    padding: 1.9rem 2.25rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.shero__title {
    margin: 0 0 .35rem;
    line-height: 1;
}
.shero__title .song_title { line-height: 1; }
.shero__venue { font-size: .95rem; }
.shero__venue a { color: inherit; text-decoration: underline; }
.shero__detail {
    height: auto;          /* override .postcard__preview-txt height:100% */
    max-width: 60ch;
    margin-top: .5rem;
    font-size: .9rem;
}

/* Full-bleed + uniform dark overlay, white text. */
.shero--full .shero__overlay {
    background: linear-gradient(90deg, rgba(10, 8, 14, .82), rgba(10, 8, 14, .55) 55%, rgba(10, 8, 14, .4));
}
.shero--full .shero__body { color: #fff; text-shadow: 0 1px 3px rgba(0, 0, 0, .55); }
.shero--full .shero__body a { color: #fff; }
.shero--full .song-hero-byline { color: rgba(255, 255, 255, .85); }
.shero--full .song-hero-byline a { color: #fff; }
.shero--full .song-hero-span { color: rgba(255, 255, 255, .8); }
.shero--full .song-hero-jump a {
    color: #fff;
    background: rgba(255, 255, 255, .12);
    border-color: rgba(255, 255, 255, .4);
    text-shadow: none;
}
.shero--full .song-hero-jump a:hover {
    background: rgba(255, 255, 255, .22);
    border-color: rgba(255, 255, 255, .65);
    color: #fff;
}

@media (max-width: 768px) {
    .shero__body { padding: 1.5rem; }
}