html, body {
    overflow-x: hidden;
}

.no-sidebar .entry-content .alignfull {
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    max-width: 100vw;
}

.wp-block-post-template,
.wp-block-query,
.lineup-block ul {
    max-width: 100%;
    box-sizing: border-box;
}

.lineup-block {
    overflow: hidden;
}

.inside-header {
    display: flex;
    align-items: stretch !important;
}

.act .wp-block-group__inner-container{
	padding:0em!important;
}

/* =========================
   GRID SYSTEM (STRUCTURE ONLY)
========================= */

.alignwide.wp-block-columns {
    gap: 0 !important;
    min-height: clamp(300px, 40vh, 400px);
    align-items: stretch;
}

.wp-block-columns {
    margin-bottom: 0;
}

/* =========================
   HERO LAYOUT STRUCTURE ONLY
   (NO COLORS / NO TYPOGRAPHY)
========================= */

.hero-container {
    margin-top: -40px;
    padding: 0;
    min-height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* media structure only */
.hero-container img,
.hero-container figure {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* =========================
   TIMETABLE LAYOUT ONLY
========================= */

.wytbeat-timetable {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 60px;
    margin: 60px 0;
}

.wytbeat-timetable .wytbeat-day-grid {
    display: grid;

    /* Belangrijk: minmax voorkomt “lege lege kolom gevoel” */
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));

    gap: 60px;
    margin: 60px 0;
}

/* =========================
   RESPONSIVE LAYOUT RULES ONLY
========================= */

@media (max-width: 1024px) {
	.act .wp-block-group__inner-container{
		padding:4em!important;
	}
}



@media (max-width: 900px) {

    .wytbeat-timetable,
    .wytbeat-timetable .wytbeat-day-grid {
        grid-template-columns: 1fr;
        gap: 40px;
    }
}

@media (max-width: 781px) {

    .alignwide.wp-block-columns {
        flex-direction: column;
    }

    .hero-container {
        margin-top: 0!important;
    }

    .hero-container img {
        aspect-ratio: 16 / 8;
        height: auto;
    }
}