.block-column {
	min-width: 0; /* verhindert Overflow bei langen Inhalten in Grid-Zellen */
}

/* Nur gefüllte Columns: eigener HG + Padding. Nicht auf .block-column,
   sonst erbt eine ungefüllte Column das --block-bg der Eltern-Section. */
.block-column--filled {
	padding: var(--col-pad, var(--wp--preset--spacing--s));
	background-color: var(--block-bg, transparent);
	color: var(--block-text, inherit);
}

/* ── Responsive Breite ──
   Faktor relativ zur Grid-Zelle. Nur mit --sized (render.php), damit
   Columns ohne Breiten-Einstellung keine width-Regel bekommen. */

.block-column--sized {
	width: calc(100% * var(--col-w-d, 1));
	margin-inline: var(--col-margin-start, auto) var(--col-margin-end, auto);
}

/* Eigene Ausrichtung überschreibt die von der Section geerbten Werte. */
.block-column--align-center {
	--col-margin-start: auto;
	--col-margin-end: auto;
}

.block-column--align-left {
	--col-margin-start: 0;
	--col-margin-end: auto;
}

.block-column--align-right {
	--col-margin-start: auto;
	--col-margin-end: 0;
}

@media (max-width: 1024px) {
	.block-column--sized {
		width: calc(100% * var(--col-w-t, var(--col-w-d, 1)));
	}
}

@media (max-width: 576px) {
	/* Fallback bewusst auf Desktop, nicht Tablet – die Option heißt „Wie Desktop". */
	.block-column--sized {
		width: calc(100% * var(--col-w-m, var(--col-w-d, 1)));
	}
}

/*# sourceURL=/wp-content/themes/jw-base/blocks/column/style.css */