/**
 * DWH Editor Sidebar — versteckt .dwh-sidebar-field im Content-Bereich
 * (bevor JS sie in die Sidebar teleportiert) und styled sie in der Sidebar.
 */

/* Im Content-Bereich: Sidebar-Felder sofort verstecken. */
.acf-block-body > .acf-fields > .acf-field.dwh-sidebar-field {
	display: none !important;
}

/* In der Sidebar: Felder sichtbar + sauber gestyled. */
.dwh-sidebar-fields .acf-field {
	display: block !important;
	padding: 0 0 12px;
	margin: 0 0 12px;
	border-bottom: 1px solid #e0e0e0;
}

.dwh-sidebar-fields .acf-field:last-child {
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 0;
}

.dwh-sidebar-fields .acf-label {
	margin-bottom: 4px;
}

.dwh-sidebar-fields .acf-label label {
	font-size: 11px;
	font-weight: 500;
	text-transform: uppercase;
}

/* ===== LazyBlocks: Editor-Layout fixen ===== */

/* Container + Hero: Gutenberg-Block-Margins entfernen,
   damit der Block die volle Editor-Breite nutzt. */
.wp-block-lazyblock-container,
.wp-block-lazyblock-dwh-hero {
	max-width: none !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

/* Verschachtelte Blöcke im Container: ebenfalls kein Extra-Margin. */
.wp-block-lazyblock-container .block-editor-block-list__layout {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.wp-block-lazyblock-container .block-editor-block-list__layout > .wp-block {
	max-width: none !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}