/* Custom styles for act template - responsive show grid */

.act-available-shows {
    margin: 0 auto 40px 0;
}

/* Mobile: 1 column (default, no change needed) */
.act-available-shows .event-details {
    width: 100%;
    margin-bottom: 1rem;
}

/* Tablet: 3 columns */
@media (min-width: 768px) {
    .act-available-shows {
        display: flex;
        flex-wrap: wrap;
        gap: .5rem;
        justify-content: center;
    }
    
    .act-available-shows .event-details {
        width: calc(33.33% - .33rem); /* Account for gap */
        margin: 0;
    }
}
/* 
/* Desktop: 4 columns */
@media (min-width: 1025px) {
    .act-available-shows .event-details {
        width: calc(33.33% - .375rem); /* Account for gap */
    }
} */

/* Ensure consistent height and layout */
.act-available-shows .event-details {
    display: flex;
    flex-direction: column;
    min-height: 300px;
}

/* Adjust dropdown positioning for smaller cards */
.act-available-shows .event-details .ed__dropdown {
    top: 320px;
}

@media (min-width: 768px) {
    .act-available-shows .event-details .ed__dropdown {
        top: 280px;
    }
}

.event-details-act .headliner {
	display: block;
    margin-bottom: 10px;
}

.event-details-act .headliner img {
	width: 100%;
	height: 200px;
	object-fit: cover;
}

.event-details-act a.headliner-video:before {
    background-size: 30px;
    background: url(../img/play-icon-blue.svg) no-repeat center center;
}

.event-details-act a.headliner-video:after {
    width: 70px;
    height: 70px;
    background: #fff;
}