/*
 * Seitenleiste auf Beiträgen, Terminen und deren Übersichten (Option unter
 * „Website-Design“). Ab Tabletbreite rechts neben dem Inhalt, darunter auf dem Handy.
 */

.pwit-sidebar {
	display: flex;
	flex-direction: column;
	gap: var(--wp--preset--spacing--20);
	margin-top: var(--wp--preset--spacing--50) !important;
}

.pwit-sidebar__box {
	background: var(--wp--preset--color--surface);
	border-radius: 10px;
	padding: var(--wp--preset--spacing--30);
}

.pwit-sidebar__title {
	margin: 0 0 0.75rem;
	font-size: var(--wp--preset--font-size--large);
}

.pwit-sidebar__box > :is(.wp-block-pwit-events, .wp-block-pwit-opening-hours, .wp-block-pwit-contact-info, .wp-block-pwit-sponsors) {
	margin: 0;
}

.pwit-sidebar .pwit-event {
	grid-template-columns: 3.25rem 1fr;
	gap: 0.875rem;
	padding-block: 0.75rem;
}

.pwit-sidebar .pwit-event:first-child {
	border-top: 0;
	padding-top: 0;
}

.pwit-sidebar .pwit-event__title {
	font-size: var(--wp--preset--font-size--medium);
}

.pwit-sidebar .pwit-sponsors__grid,
.pwit-sidebar .pwit-sponsors__grid.is-top-level {
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 0.5rem;
}

.pwit-sidebar .pwit-sponsors__grid + .pwit-sponsors__grid {
	margin-top: 0.5rem;
}

@media (min-width: 900px) {
	.pwit-main:has(> .pwit-sidebar) {
		display: grid;
		grid-template-columns: minmax(0, 1fr) minmax(16rem, 21rem);
		column-gap: var(--wp--preset--spacing--50);
		align-items: start;
		max-width: calc(var(--wp--style--global--wide-size, 76rem) + var(--wp--style--root--padding-left, 1.5rem) + var(--wp--style--root--padding-right, 1.5rem));
		margin-inline: auto;
	}

	.pwit-main:has(> .pwit-sidebar) > * {
		grid-column: 1;
		max-width: none !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}

	.pwit-main:has(> .pwit-sidebar) > .pwit-sidebar {
		grid-column: 2;
		grid-row: 1 / span 30;
		margin-top: 0 !important;
	}

	/* Lesetext bündig links in der Inhaltsspalte statt mittig. */
	.pwit-main:has(> .pwit-sidebar) .wp-block-post-content > :not(.alignfull):not(.alignwide) {
		margin-left: 0 !important;
	}

	/* Übersichten: zwei statt drei Spalten neben der Seitenleiste. */
	.pwit-main:has(> .pwit-sidebar) .wp-block-post-template.is-layout-grid {
		grid-template-columns: repeat(auto-fill, minmax(min(16rem, 100%), 1fr));
	}
}