/*
 * Einheitliches Design für alle Funnel-Tracker-Formulare ([pd_form] / [upct_form]).
 * Vorbild: Anmeldeformular etsymasterclass.de/workshop-okt26 (Labels über den Feldern,
 * zwei Spalten, Pill-Button). Farben ausschließlich aus theme.json-Tokens.
 * Seiten sollen hier keine eigenen Formular-Overrides mehr setzen.
 */
body .pd-form {
	--pd-form-max-width: 100%;
	--pd-form-margin: 0;
	--pd-form-padding: 0;
	--pd-form-bg: transparent;
	--pd-form-border: 0;
	--pd-form-shadow: none;
	--pd-form-font: var(--wp--preset--font-family--body);
	--pd-form-color: var(--wp--preset--color--heading-primary);
	--pd-form-label-color: var(--wp--preset--color--heading-primary);
	--pd-form-input-height: 54px;
	--pd-form-input-radius: 14px;
	--pd-form-input-border: 1.5px solid var(--wp--preset--color--line-rose);
	--pd-form-input-bg: var(--wp--preset--color--surface);
	--pd-form-input-color: var(--wp--preset--color--heading-primary);
	--pd-form-input-font-size: 16px;
	--pd-form-input-padding: 0 16px;
	--pd-form-placeholder-color: var(--wp--preset--color--text-soft);
	--pd-form-focus-border: var(--wp--preset--color--salmon);
	--pd-form-focus-shadow: 0 0 0 4px color-mix(in srgb, var(--wp--preset--color--salmon) 25%, transparent);
	--pd-form-button-bg: var(--wp--preset--color--cta-original);
	--pd-form-button-hover-bg: var(--wp--preset--color--cta);
	--pd-form-button-color: #fff;
	--pd-form-button-radius: 999px;
	--pd-form-button-padding: 0 30px;
	--pd-form-button-font-size: 18px;
	--pd-form-button-weight: 800;
	--pd-form-button-hover-filter: none;
	--pd-form-button-hover-transform: translateY(-1px);
	--pd-form-link-color: var(--wp--preset--color--terracotta);
	--pd-form-privacy-color: var(--wp--preset--color--text-warm);
	--pd-form-consent-color: var(--wp--preset--color--text-warm);
	--pd-form-accent: var(--wp--preset--color--cta-original);
	font-family: var(--wp--preset--font-family--body);
}
body .pd-form .pd-form__form {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px;
	align-items: start;
}
body .pd-form .pd-form__form > * { grid-column: 1 / -1; }
body .pd-form .pd-form__form > .pd-form__field { grid-column: auto; order: 1; min-width: 0; margin: 0; }
body .pd-form .pd-form__label:not(.pd-form__label--sr-only) {
	margin: 0 0 6px;
	font-size: 13px;
	font-weight: 800;
	line-height: 1.3;
}
body .pd-form .pd-form__input {
	font-family: var(--wp--preset--font-family--body);
	font-weight: 500;
	transition: border-color .15s ease, box-shadow .15s ease;
}
/* Fokus nur über Rand + Schimmer (Variablen oben); seitenweite :focus-visible-Outlines
   (z. B. training-signup.css) würden sonst einen zweiten, dunklen Ring zeichnen. */
body .pd-form .pd-form__input:focus,
body .pd-form .pd-form__input:focus-visible { outline: none; }
body .pd-form .pd-form__turnstile { order: 2; }
body .pd-form .pd-form__submit {
	order: 2;
	min-height: 62px;
	margin: 0;
	font-family: var(--wp--preset--font-family--body);
	letter-spacing: .01em;
	line-height: 1.3;
	box-shadow: 0 16px 30px -14px color-mix(in srgb, var(--wp--preset--color--cta-original) 75%, transparent);
}
body .pd-form .pd-form__submit:focus-visible { outline: 3px solid var(--wp--preset--color--heading-primary); }
body .pd-form .pd-form__privacy-note,
body .pd-form .pd-form__consent { order: 4; margin: 0; font-size: 12px; line-height: 1.5; }
body .pd-form .pd-form__privacy-note a,
body .pd-form .pd-form__consent a { text-underline-offset: 2px; }
body .pd-form .pd-form__status {
	order: 5;
	min-height: 0;
	margin: 0;
	font-size: 13px;
	text-align: center;
	color: var(--wp--preset--color--text-warm);
}
body .pd-form .pd-form__status:empty,
body .pd-form .pd-form__turnstile:empty { display: none; }
@media (max-width: 620px) {
	body .pd-form .pd-form__form { grid-template-columns: minmax(0, 1fr); }
	body .pd-form .pd-form__form > .pd-form__field { grid-column: 1 / -1; }
	body .pd-form .pd-form__submit { font-size: 16px; }
}
@media (prefers-reduced-motion: reduce) {
	body .pd-form .pd-form__submit { transition: none; }
	body .pd-form { --pd-form-button-hover-transform: none; }
}