/* Reviewed photographic edits already have the amber grade; never double-filter. */
img[src*="shoko-venue-"][src*="-amber-"] { filter: none; }

/* Keep the established full-width hero and overlay text, not the split layout.
   A denser left shade protects text; the right side keeps the golden venue visible. */
:is(.hero, .event-hero, .about-hero, .booking-banner):has(> img[src*="-amber-"]) > :is(.hero-shade, .about-hero-shade) {
    background: linear-gradient(90deg, rgba(8,8,8,.90) 0%, rgba(8,8,8,.86) 48%, rgba(8,8,8,.42) 76%, rgba(8,8,8,.12) 100%), linear-gradient(0deg, var(--bg) 0%, rgba(8,8,8,.08) 19%, transparent 42%);
}

/* Soft photographic frames stay consistent with the dark/gold food photography. */
.venue-gallery img, .hospitality-hero img[src*="shoko-venue-"] {
    box-shadow: 0 12px 28px rgba(0,0,0,.24);
    border-color: rgba(215,173,92,.13);
}

@media(max-width:960px) {
    .booking-banner:has(> img[src*="-amber-"]) > .hero-shade {
        /* Compact banner copy can start near the top: protect it across the frame. */
        background: linear-gradient(0deg, var(--bg), rgba(8,8,8,.78));
    }
    /* Copy sits low on phones: shade vertically instead of darkening one side. */
    :is(.hero, .event-hero, .about-hero):has(> img[src*="-amber-"]) > :is(.hero-shade, .about-hero-shade) {
        background: linear-gradient(0deg, var(--bg) 0%, rgba(8,8,8,.90) 24%, rgba(8,8,8,.78) 68%, rgba(8,8,8,.78) 100%);
    }
}