/*
 * GT Create-Post — Kern-Styles. Migriert aus EA4V create-post styles.css.
 * Scheibe 0 enthält nur Kern-Regeln; feature-spezifisches CSS kommt in den jeweiligen
 * Scheiben dazu (bzw. wird in eigene Feature-Stylesheets gelegt).
 *
 * Hinweis: Die Loading-Klasse `gt-cp-loading` (vom Elementor-Controller gesetzt, von
 * gt-commons.js nach dem Vue-Mount entfernt) ist bewusst ohne eigene Regel — wie in EA4V
 * (dort war die referenzierte Overlay-Regel ebenfalls nicht vorhanden). Sie dient nur als
 * State-Haken; bei Bedarf kann hier ein dezentes Overlay ergänzt werden.
 */

/* Inline Success Message (Scheibe 2) — Basis; Farbe/Margin via Elementor-Style-Controls überschreibbar. */
.gt-cp-submit-result-message-success {
	color: green;
	margin-bottom: 20px;
}

/* Auto Save (Scheibe 5) — „Gespeichert"-Label am Feld. */
.gt-cp-saved-label {
	color: #3e6d09 !important;
}

/* Actions after submit (Scheibe 8) — OTP-Popup für Gast-User-Erstellung. */
.gt-cp-create-post-user-auth-popup > .ts-popup-root {
	position: fixed !important;
}
.gt-cp-create-post-user-auth-popup > .ts-popup-root > div:after {
	background-color: #0000004a !important;
}
.gt-cp-create-post-user-auth-popup .gt-cp-popup-body {
	padding: 15px;
	gap: 13px;
	display: flex;
	flex-direction: column;
	position: relative;
}
.gt-cp-create-post-user-auth-popup .gt-cp-popup-body .gt-cp-loading-overlay {
	position: absolute;
	inset: 0;
	background: rgba(255, 255, 255, 0.7);
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 10;
}
.gt-cp-create-post-user-auth-popup .verify-desc {
	margin-bottom: 20px;
	color: var(--ts-sub-text);
	font-size: 14px;
}
.gt-cp-create-post-user-auth-popup .input-code {
	text-align: center;
	font-size: 24px;
	letter-spacing: 12px;
	font-weight: bold;
}
.gt-cp-create-post-user-auth-popup .footer-btn {
	flex: 1;
}
.gt-cp-create-post-user-auth-popup .footer-btn:disabled,
.gt-cp-create-post-user-auth-popup .footer-btn.ts-loading {
	opacity: 0.7;
	pointer-events: none;
	cursor: not-allowed;
}
.gt-cp-create-post-user-auth-popup .gt-cp-btn-loading-wrap {
	display: inline-flex;
	align-items: center;
	gap: 7px;
}
.gt-cp-create-post-user-auth-popup .gt-cp-spinner {
	width: 16px;
	height: 16px;
	animation: gt-cp-spin 0.75s linear infinite;
	flex-shrink: 0;
}
@keyframes gt-cp-spin {
	to {
		transform: rotate(360deg);
	}
}