/* Load fonts */
@import url('https://fonts.googleapis.com/css2?family=Just+Another+Hand&family=Open+Sans:wght@600&display=swap');

/* Remove gradient shadow */
.wpt_events_grid .wp_theatre_event > a figure:after,
.wpt_events_grid .wp_theatre_prod > a figure:after {
    background-image: none !important;
}

/* Red fallback background ONLY inside grid */
.wpt_events_grid .wp_theatre_event > a figure,
.wpt_events_grid .wp_theatre_prod > a figure {
    background-color: #a60019 !important;
    height: 480px !important;
}

/* Overlay */
.wpt_events_grid .wpt_events_grid_overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 26px 28px !important;
    color: #fff !important;
    background: rgba(166, 0, 25, 0.75) !important;
}

/* Title – Open Sans Semibold */
.wpt_events_grid .wpt_events_grid_overlay .wp_theatre_event_title {
    font-family: "Open Sans", "Arial", sans-serif;
    font-weight: 600;
    font-size: 26px;
    margin-bottom: 8px;
}

/* Dates & Times – Just Another Hand */
.wpt_events_grid .wpt_events_grid_overlay .wp_theatre_event_date,
.wpt_events_grid .wpt_events_grid_overlay .wp_theatre_event_startdate,
.wpt_events_grid .wpt_events_grid_overlay .wp_theatre_event_time,
.wpt_events_grid .wpt_events_grid_overlay .wp_theatre_event_starttime {
    font-family: "Just Another Hand", cursive !important;
    font-size: 24px;
    line-height: 1.1;
    margin-bottom: 8px;
}

/* WP Theatre – Group By Title (List/Grid) */
.wpt_listing_group,
.wpt_listing_group h3,
.year {
    font-family: "Just Another Hand", cursive !important;
    font-size: 50px !important;
    margin-bottom: 10px;
}

/* Hide ticket button */
.wpt_events_grid .wp_theatre_event_tickets,
.wpt_events_grid .wp_theatre_event_tickets a {
    display: none !important;
}

/* Hover animation ONLY inside grid */
.wpt_events_grid .wp_theatre_event > a figure img,
.wpt_events_grid .wp_theatre_prod > a figure img {
    transition: transform 0.45s ease, filter 0.45s ease;
}

.wpt_events_grid .wp_theatre_event:hover > a figure img,
.wpt_events_grid .wp_theatre_prod:hover > a figure img {
    transform: scale(1.04);
    filter: brightness(1.05);
}

/* Grid spacing */
.wpt_events_grid .wp_theatre_event,
.wpt_events_grid .wp_theatre_prod {
    margin-bottom: 40px !important;
}