/* ==========================================
   GLASSY CONTAINERS & COMPONENTS
   ========================================== */
.flyer-container, .statement-section, .review-card, .calendar-board, 
.gig-breakdown, .media-box, .webring-container {
    background: var(--glass-bg);
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    border: 2px solid var(--glass-border);
    border-top: 3px solid var(--glass-highlight);
    border-left: 3px solid var(--glass-highlight);
    border-radius: 16px; 
    box-shadow: var(--glass-shadow);
    padding: clamp(15px, 4vw, 30px);
    margin-bottom: 30px;
    transform: translateZ(0); 
}

/* Flyer & Event Details */
.flyer-container {
    display: flex;
    flex-direction: row;
    gap: 30px;
    align-items: flex-start;
    width: 100%;
}

.event-flyer {
    flex: 0 0 45%;
    width: 100%;
    max-width: 45%;
    height: auto;
    border-radius: 8px;
    border: 3px solid var(--text-light);
    box-shadow: 5px 5px 0px var(--neon-cyan);
}

.show-details { 
    flex: 1;
    min-width: 250px;
}

.date-badge {
    display: inline-block;
    background: var(--neon-pink);
    color: var(--bg-dark);
    padding: 5px 15px;
    font-size: clamp(1.5rem, 3vw, 2rem);
    margin-bottom: 15px;
    box-shadow: 3px 3px 0px var(--neon-cyan);
    border-radius: 4px;
    line-height: 1.2;
}

.lineup-list {
    list-style: none;
    font-size: clamp(1.2rem, 2.5vw, 1.5rem);
    margin-bottom: 20px;
}

.lineup-list li:nth-child(odd) { color: var(--text-light); }
.lineup-list li:nth-child(even) { color: var(--neon-cyan); }

.logistics {
    background: rgba(0, 0, 0, 0.6);
    padding: 15px;
    border-left: 5px solid var(--neon-cyan);
    font-family: 'Courier New', Courier, monospace;
    font-size: clamp(0.9rem, 2vw, 1.1rem);
    border-radius: 4px;
}

.location-alert {
    margin-top: 10px;
    color: var(--neon-pink);
    animation: blink 1.5s infinite;
}

/* ==========================================
   THE SCREENING ROOM (REVIEWS & FILM CARDS)
   ========================================== */

/* The Fluid Grid */
.reviews-grid {
    max-width: none;          /* removes the 1300px cap */
    width: 100%;
    padding: 20px 1rem;      /* keep vertical spacing, reduce side padding as you like */
}

/* The Card Chamber */
.review-card {
    background: var(--glass-bg);
    backdrop-filter: blur(12px);
    border: 1px solid #222;
    border-radius: 12px;
    overflow: hidden;
    transition: all 0.3s ease;
    display: flex;
    flex-direction: column;
    position: relative;
}

.review-card:hover {
    border-color: var(--neon-cyan);
    box-shadow: 0 10px 20px rgba(0,0,0,0.8), 
                0 0 15px rgba(91, 232, 249, 0.3), 
                inset 0 0 20px rgba(210, 108, 243, 0.15);
    transform: translateY(-6px);
}