/*
 * Makes WPForms Lite match the Elementor Pro forms it replaced (2026-08-04).
 *
 * The originals used:
 *   - screen-reader-only labels (placeholders carried the field name)
 *   - Name + Email side by side at 50%, Nachricht full width
 *   - 20px column and row gaps
 *   - transparent field backgrounds (#FFFFFF00), square corners
 *   - submit button on --e-global-color-accent (#13130D) with a
 *     --e-global-color-5f9ccbd (#C9A050) hover, left aligned, 1.3em/3em padding
 *
 * WPForms' own stylesheet is enqueued AFTER this file and themes itself through
 * --wpforms-* custom properties declared on :root. Overriding those properties
 * on div.wpforms-container-full (specificity 0,1,2) beats :root (0,1,0) no
 * matter which stylesheet loads last, so the variable block below is the part
 * that actually does the work.
 */

div.wpforms-container-full,
.wpforms-container.wpforms-container-full {
	/* button */
	--wpforms-button-background-color: var( --e-global-color-accent, #13130D );
	--wpforms-button-background-color-alt: var( --e-global-color-accent, #13130D );
	--wpforms-button-border-color: var( --e-global-color-accent, #13130D );
	--wpforms-button-text-color: #ffffff;
	--wpforms-button-text-color-alt: #ffffff;
	/* measured from the original: 50px pill, 18.2px/42px padding, 14px text */
	--wpforms-button-border-radius: 50px;
	--wpforms-button-border-size: 0px;
	--wpforms-button-size-height: auto;
	--wpforms-button-size-font-size: 14px;
	--wpforms-button-size-padding-h: 42px;
	--wpforms-button-size-margin-top: 0px;

	/* fields: transparent with the theme's 27px radius and #C9C8BF border */
	--wpforms-field-background-color: rgba( 0, 0, 0, 0 );
	--wpforms-field-border-radius: 27px;
	--wpforms-field-border-color: #C9C8BF;
	--wpforms-field-border-size: 1px;
	--wpforms-field-text-color: var( --e-global-color-text, #6D6D65 );

	/* container */
	--wpforms-container-border-radius: 0px;
	--wpforms-container-padding: 0px;
}

/* labels were visually hidden on the old form - keep them for screen readers */
div.wpforms-container-full .wpforms-field-label {
	position: absolute !important;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

/* two-column row for Name + Email, with the original 20px gutter */
div.wpforms-container-full .wpforms-field-container {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -10px;
}

div.wpforms-container-full .wpforms-field {
	width: 100%;
	margin: 0;
	padding: 0 10px 20px;
}

div.wpforms-container-full .wpforms-field-name,
div.wpforms-container-full .wpforms-field-email {
	width: 50%;
}

div.wpforms-container-full input.wpforms-field-medium,
div.wpforms-container-full textarea.wpforms-field-medium {
	width: 100%;
	max-width: 100%;
	background-color: transparent;
	border-radius: 27px;
}

/* original: inputs 46.8px tall, 11.2px/25.6px padding; textarea 136px */
div.wpforms-container-full input.wpforms-field-medium {
	height: 46.8px;
	padding: 11.2px 25.6px;
}

/* WPForms sets this at .wpforms-form textarea.wpforms-field-medium (0,3,2),
   so match that specificity or it keeps its calc()-derived 120px. */
div.wpforms-container-full .wpforms-form textarea.wpforms-field-medium {
	height: 136px;
	min-height: 136px;
	padding: 11.2px 25.6px;
}

/* submit button: left aligned, original padding */
div.wpforms-container-full .wpforms-submit-container {
	padding: 0 10px;
	text-align: left;
}

div.wpforms-container-full .wpforms-form button[type="submit"] {
	padding: 18.2px 42px;
	height: auto;
	border-radius: 50px;
	font-family: var( --e-global-typography-accent-font-family ), "Playfair Display", serif;
	font-size: 14px;
	font-weight: var( --e-global-typography-accent-font-weight );
	text-transform: var( --e-global-typography-accent-text-transform );
	letter-spacing: var( --e-global-typography-accent-letter-spacing );
	transition: background-color 0.3s;
}

/* WPForms' default hover just darkens the base colour with a gradient overlay;
   the original used the gold accent instead, so restate it explicitly. */
div.wpforms-container-full .wpforms-form button[type="submit"]:hover,
div.wpforms-container-full .wpforms-form button[type="submit"]:focus,
div.wpforms-container-full .wpforms-form button[type="submit"]:active {
	background: var( --e-global-color-5f9ccbd, #C9A050 );
	color: #ffffff;
}

/* confirmation message picks up the theme's palette rather than WPForms green */
div.wpforms-container-full .wpforms-confirmation-container-full {
	background: transparent;
	border: 1px solid var( --e-global-color-f007412, #C9C8BF );
	border-radius: 0;
	color: var( --e-global-color-text, #6D6D65 );
}

div.wpforms-container-full .wpforms-confirmation-container-full p {
	color: var( --e-global-color-text, #6D6D65 );
}

@media (max-width: 767px) {
	div.wpforms-container-full .wpforms-field-name,
	div.wpforms-container-full .wpforms-field-email {
		width: 100%;
	}
}