/* VDF Bühnendaten (intern) + Bühnendaten – Verwaltung (Admin)
 * Nur Optik: wpDataTables-Tabellen, Werkzeugleiste und Bearbeitungsfenster.
 */
.vdf-bd {
	--bd-gelb: #FBBA00;
	--bd-gelb-hell: #FEF1C7;
	--bd-linie: #e4e4e4;
	--bd-grau: #686868;
}

/* Admin-Seite: doppelte Tabellentitel ausblenden (eigene Überschriften stehen darüber) */
body.page-id-3223 h2.wpdt-c { display: none !important; }

/* Abschnitte als Karten */
.vdf-bd .entry-content > div.wpdt-c {
	margin-top: 0.5rem !important;
	padding: 1rem 1.1rem 1.1rem;
	border: 1px solid var(--bd-linie);
	border-top: 4px solid var(--bd-gelb);
	border-radius: 16px;
	background: #fff;
	box-shadow: 0 4px 18px rgba(0, 0, 0, 0.05);
}
.vdf-bd .entry-content > h2 { margin-top: var(--wp--preset--spacing--60, 3rem) !important; margin-bottom: 0.4rem; }
.vdf-bd .vdf-bd__tipp { margin: 0 0 0.6rem; color: var(--bd-grau); font-size: var(--wp--preset--font-size--small); }

/* Schrift einheitlich */
.vdf-bd .wpdt-c,
.vdf-bd .wpdt-c *:not([class*="icon"]):not(i),
.wdt-frontend-modal,
.wdt-frontend-modal *:not([class*="icon"]):not(i) {
	font-family: var(--wp--preset--font-family--noto-sans, "Noto Sans", sans-serif) !important;
}

/* Werkzeugleiste: Neuer Eintrag / Bearbeiten / Löschen / Duplizieren */
.vdf-bd .wpdt-c .dt-buttons { display: flex !important; flex-wrap: wrap; gap: 0.4rem; margin-bottom: 0.8rem; float: none !important; }
.vdf-bd .wpdt-c .dt-buttons .dt-button {
	width: auto !important;
	height: auto !important;
	margin: 0 !important;
	padding: 0.5rem 1rem !important;
	border: 1px solid #0a0a0a !important;
	border-radius: 999px !important;
	background: #fff !important;
	color: #0a0a0a !important;
	font-size: 0.85rem !important;
	font-weight: 700 !important;
	line-height: 1.2 !important;
	box-shadow: none !important;
	opacity: 1;
}
.vdf-bd .wpdt-c .dt-buttons .dt-button span { color: inherit !important; }
.vdf-bd .wpdt-c .dt-buttons .new_table_entry { background: #0a0a0a !important; color: #fff !important; }
.vdf-bd .wpdt-c .dt-buttons .delete_table_entry { border-color: #c0392b !important; color: #c0392b !important; }
.vdf-bd .wpdt-c .dt-buttons .dt-button:not(.disabled):hover { background: var(--bd-gelb) !important; border-color: var(--bd-gelb) !important; color: #0a0a0a !important; }
.vdf-bd .wpdt-c .dt-buttons .dt-button.disabled { opacity: 0.35 !important; cursor: not-allowed; }

/* Tabelle */
.vdf-bd .wpdt-c table.wpDataTable { border-collapse: separate !important; border-spacing: 0; border: 1px solid var(--bd-linie) !important; border-radius: 10px; overflow: hidden; }
/* Kopfzeile bleibt in der Tabellenfarbe (Einstellung in wpDataTables) */
.vdf-bd .wpdt-c table.wpDataTable thead th { font-size: 0.82rem !important; font-weight: 700 !important; padding: 0.65rem 0.6rem !important; }
.vdf-bd .wpdt-c table.wpDataTable tbody td {
	padding: 0.5rem 0.6rem !important;
	font-size: 0.88rem !important;
	color: #0a0a0a !important;
	vertical-align: middle !important;
	border: 0 !important;
	border-top: 1px solid #eee !important;
	background: #fff !important;
	cursor: pointer;
}
.vdf-bd .wpdt-c table.wpDataTable tbody tr:nth-child(even) td { background: #f8f8f8 !important; }
.vdf-bd .wpdt-c table.wpDataTable tbody tr:hover td { background: #fffaf0 !important; }
.vdf-bd .wpdt-c table.wpDataTable tbody tr.selected td {
	background: var(--bd-gelb-hell) !important;
	box-shadow: inset 0 2px 0 var(--bd-gelb), inset 0 -2px 0 var(--bd-gelb);
}
.vdf-bd .wpdt-c table.wpDataTable tbody td img { max-height: 3.2rem !important; width: auto !important; border-radius: 6px; }
.vdf-bd .wpdt-c .dataTables_paginate .paginate_button { border-radius: 999px !important; }
.vdf-bd .wpdt-c .dataTables_paginate .paginate_button.current { background: var(--bd-gelb) !important; border-color: var(--bd-gelb) !important; color: #0a0a0a !important; }
.vdf-bd .wpdt-c .dataTables_filter input,
.vdf-bd .wpdt-c .dataTables_length .btn,
.vdf-bd .wpdt-c .wpDataTableFilterSection input,
.vdf-bd .wpdt-c .wpDataTableFilterSection .btn { border-radius: 8px !important; }

/* Hilfe-Akkordeons dezenter */
.vdf-bd .entry-content > .wp-block-pb-accordion-item { margin-top: 0.6rem !important; font-size: var(--wp--preset--font-size--small); }
.vdf-bd .entry-content > .wp-block-pb-accordion-item .c-accordion__title,
.vdf-bd .entry-content > .wp-block-pb-accordion-item button { color: var(--bd-grau) !important; }
.vdf-bd .entry-content > hr.wp-block-separator { display: none; }

/* ---------- Bearbeitungsfenster ---------- */
.wdt-frontend-modal .modal-dialog { width: min(860px, 94vw) !important; max-width: none !important; margin: 4vh auto !important; }
.wdt-frontend-modal .modal-content { border: 0 !important; border-radius: 16px !important; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3) !important; overflow: hidden; }
.wdt-frontend-modal .modal-header { padding: 1rem 1.25rem !important; border-bottom: 4px solid #FBBA00 !important; background: #0a0a0a !important; }
.wdt-frontend-modal .modal-header .modal-title { color: #fff !important; font-size: 1.1rem !important; font-weight: 700 !important; }
.wdt-frontend-modal .modal-header .close { color: #fff !important; opacity: 0.9 !important; text-shadow: none !important; font-size: 1.6rem !important; }
.wdt-frontend-modal .modal-body { padding: 1.25rem !important; max-height: 70vh; overflow-y: auto; }

/* Felder zweispaltig, Beschriftung über dem Feld */
.wdt-frontend-modal .wdt-edit-dialog-fields-block {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0.9rem 1.25rem;
	margin: 0 !important;
}
.wdt-frontend-modal .wdt-edit-dialog-fields-block::before,
.wdt-frontend-modal .wdt-edit-dialog-fields-block::after { display: none !important; }
.wdt-frontend-modal .wdt-edit-dialog-fields-block > .form-group { width: auto !important; float: none !important; margin: 0 !important; padding: 0 !important; }
.wdt-frontend-modal .wdt-edit-dialog-fields-block > .form-group:has(textarea),
.wdt-frontend-modal .wdt-edit-dialog-fields-block > .form-group:has(.wp-editor-wrap),
.wdt-frontend-modal .wdt-edit-dialog-fields-block > .form-group:has(.mce-tinymce) { grid-column: 1 / -1; }
.wdt-frontend-modal .form-group > .control-label {
	display: block !important;
	width: 100% !important;
	float: none !important;
	padding: 0 0 0.3rem !important;
	text-align: left !important;
	font-size: 0.82rem !important;
	font-weight: 700 !important;
	color: #0a0a0a !important;
}
.wdt-frontend-modal .form-group > [class*="col-sm-"] { width: 100% !important; float: none !important; padding: 0 !important; }
.wdt-frontend-modal .fg-line::after { display: none !important; }
.wdt-frontend-modal .form-control,
.wdt-frontend-modal .bootstrap-select > .dropdown-toggle,
.wdt-frontend-modal textarea {
	height: auto !important;
	min-height: 2.5rem;
	padding: 0.5rem 0.75rem !important;
	border: 1px solid #cfcfcf !important;
	border-radius: 8px !important;
	background: #fff !important;
	box-shadow: none !important;
	font-size: 0.92rem !important;
	color: #0a0a0a !important;
}
.wdt-frontend-modal .form-control:focus,
.wdt-frontend-modal .bootstrap-select.open > .dropdown-toggle { border-color: #FBBA00 !important; box-shadow: 0 0 0 3px #FEF1C7 !important; }
.wdt-frontend-modal .bootstrap-select { width: 100% !important; }

/* Fußleiste: OK = speichern und schließen (Hauptaktion) */
.wdt-frontend-modal .modal-footer { padding: 0.9rem 1.25rem !important; border-top: 1px solid #eee !important; background: #fafafa !important; }
.wdt-frontend-modal .wdt-edit-dialog-button-block { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 0.5rem; }
.wdt-frontend-modal .modal-footer .btn {
	margin: 0 !important;
	padding: 0.55rem 1.1rem !important;
	border-radius: 999px !important;
	border: 1px solid #0a0a0a !important;
	background: #fff !important;
	color: #0a0a0a !important;
	font-size: 0.85rem !important;
	font-weight: 700 !important;
	box-shadow: none !important;
	text-transform: none !important;
}
.wdt-frontend-modal .modal-footer .btn i { margin-right: 0.3rem; }
.wdt-frontend-modal .modal-footer .wdt-cancel-edit-button { border-color: transparent !important; color: #666 !important; margin-right: auto !important; }
.wdt-frontend-modal .modal-footer .wdt-ok-edit-button { background: #0a0a0a !important; color: #fff !important; min-width: 7rem; }
/* Zeilen-Navigation dezent */
.wdt-frontend-modal .modal-footer .wdt-prev-edit-button,
.wdt-frontend-modal .modal-footer .wdt-next-edit-button { border-color: #ddd !important; color: #666 !important; }
.wdt-frontend-modal .modal-footer .btn:hover { background: #FBBA00 !important; border-color: #FBBA00 !important; color: #0a0a0a !important; }

@media (max-width: 700px) {
	.wdt-frontend-modal .wdt-edit-dialog-fields-block { grid-template-columns: minmax(0, 1fr); }
	.vdf-bd .entry-content > div.wpdt-c { padding: 0.75rem; }
}