/**
 * Form-Block Wrapper (Kontakt, Medienkontakt, Form-Section)
 *
 * Geteiltes Styling für die ACF-Blocks form-kontakt, form-medienkontakt
 * und form-section. Liefert Section-Padding, Container, Hintergrund-Overlay
 * und Headline-Spacing. Die eigentlichen Form-Felder werden von forms.css
 * (`.dtvp-form-wrap`) bzw. members.css (`.dtvp-form--antrag`) gestylt.
 *
 * @package DTVP
 * @since   1.12.0
 */

/* ── Section ── */
.dtvp-block-form {
    position: relative;
    overflow: hidden;
}

/* ── Hintergrundbild-Overlay ── */
.dtvp-block-form__bg-overlay {
    position: absolute;
    inset: 0;
    background: var(--color-dark);
    z-index: var(--z-base, 1);
    pointer-events: none;
}

/* ── Inner Container ── */
.dtvp-block-form__inner {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: var(--container-max, 1280px);
    margin: 0 auto;
    padding: 0 var(--container-padding, 1.5rem);
    display: flex;
    flex-direction: column;
    gap: var(--space-6);
}

/* Zentriertes Layout (für narrow Forms wie Kontakt/Medien) */
.dtvp-block-form--narrow .dtvp-block-form__inner {
    max-width: 720px;
}

/* ── Header (Eyebrow + Headline + Intro) ── */
.dtvp-block-form__header {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
}

.dtvp-block-form--center .dtvp-block-form__header {
    align-items: center;
    text-align: center;
}

.dtvp-block-form__eyebrow {
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 0.15em;
}

.dtvp-block-form__heading {
    margin: 0;
    letter-spacing: -0.02em;
    line-height: var(--leading-tight);
}

.dtvp-block-form__intro {
    margin: 0;
    font-family: var(--font-body);
    font-size: var(--text-base);
    line-height: var(--leading-loose);
    max-width: 640px;
}

.dtvp-block-form--center .dtvp-block-form__intro {
    margin-left: auto;
    margin-right: auto;
}

/* ── Form-Wrapper innerhalb des Blocks ── */
.dtvp-block-form .dtvp-form-wrap,
.dtvp-block-form .dtvp-form--antrag {
    margin: 0;
    max-width: none;
}

.dtvp-block-form--center .dtvp-form-wrap,
.dtvp-block-form--center .dtvp-form--antrag {
    margin-left: auto;
    margin-right: auto;
    max-width: 640px;
}