/**
 * Kontakt & Mitmachen page
 */

body.biw-kontakt-page [data-prefix="single_page"] .hero-section,
body.biw-kontakt-page [data-prefix="single_page"] .entry-header {
	display: none;
}

.biw-kontakt > .wp-block-group.biw-kontakt-hero {
	padding-top: clamp(2.75rem, 5vw, 4rem);
	padding-bottom: clamp(2.25rem, 4vw, 3.25rem);
}

.biw-kontakt-eyebrow {
	font-size: 0.8125rem;
	font-weight: 600;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--biw-text-muted, #4a5652);
	margin: 0 0 0.5rem;
}

.biw-kontakt-title {
	font-family: var(--theme-heading-font-family, "Source Serif 4", Georgia, serif);
	font-size: clamp(2rem, 3vw + 1rem, 2.75rem);
	line-height: 1.12;
	margin: 0 0 0.85rem;
	text-wrap: balance;
}

.biw-kontakt-intro {
	font-size: clamp(1.0625rem, 1.2vw + 1rem, 1.25rem);
	line-height: 1.65;
	color: var(--biw-text-muted, #4a5652);
	max-width: 38rem;
	margin: 0;
}

.biw-kontakt-main {
	padding-top: clamp(1.5rem, 3vw, 2.5rem);
	padding-bottom: clamp(2.5rem, 5vw, 4rem);
}

.biw-kontakt-columns {
	align-items: stretch;
}

.biw-kontakt-columns .wp-block-column {
	display: flex;
}

.biw-kontakt-info-card,
.biw-kontakt-form-panel {
	flex: 1;
	width: 100%;
	border: 1px solid var(--biw-border, #d8e0dc);
	border-radius: var(--biw-radius, 12px);
	box-shadow: var(--biw-shadow, 0 8px 24px rgba(15, 51, 41, 0.08));
}

.biw-kontakt-info-card h2,
.biw-kontakt-form-panel h2 {
	font-size: clamp(1.25rem, 1.5vw + 1rem, 1.5rem);
	margin: 0 0 1rem;
	line-height: 1.3;
}

.biw-kontakt-info-card h3 {
	font-size: 1.0625rem;
	margin: 1.5rem 0 0.65rem;
}

.biw-kontakt-info-card p,
.biw-kontakt-form-panel p {
	font-size: 1rem;
	line-height: 1.65;
	color: var(--biw-text-muted, #4a5652);
}

.biw-kontakt-list {
	margin: 0 0 1.25rem;
	padding-left: 1.25rem;
}

.biw-kontakt-list li {
	margin-bottom: 0.65rem;
	line-height: 1.55;
}

.biw-kontakt-list strong {
	color: var(--biw-text, #1c2421);
}

.biw-kontakt-note {
	font-size: 0.9375rem !important;
	padding: 1rem 1.125rem;
	background: var(--biw-surface, #f4f7f5);
	border-radius: calc(var(--biw-radius, 12px) - 4px);
	border-left: 3px solid var(--biw-primary, #1a4d3e);
	margin-bottom: 1.25rem !important;
}

.biw-kontakt-form-lead {
	font-size: 0.9375rem !important;
	margin: 0 0 1.25rem !important;
}

.biw-kontakt-form-fallback {
	display: none;
	font-size: 0.875rem !important;
	margin-top: 1rem !important;
	padding: 1rem;
	background: var(--biw-surface, #f4f7f5);
	border-radius: 8px;
}

.biw-kontakt-form-panel:not(:has(.wpforms-container)):not(:has(.wpcf7)):not(:has(.fluentform)) .biw-kontakt-form-fallback {
	display: block;
}

/* WPForms (recommended) */
.biw-kontakt-form-panel .wpforms-container {
	margin: 0;
}

.biw-kontakt-form-panel .wpforms-field-label {
	font-weight: 600;
	font-size: 0.9375rem;
	color: var(--biw-text, #1c2421);
	margin-bottom: 0.35rem;
}

.biw-kontakt-form-panel .wpforms-field input[type="text"],
.biw-kontakt-form-panel .wpforms-field input[type="email"],
.biw-kontakt-form-panel .wpforms-field select,
.biw-kontakt-form-panel .wpforms-field textarea {
	width: 100%;
	border: 1px solid var(--biw-border, #d8e0dc);
	border-radius: 8px;
	padding: 0.65rem 0.85rem;
	font-size: 1rem;
	line-height: 1.5;
	background: #fff;
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.biw-kontakt-form-panel .wpforms-field input:focus,
.biw-kontakt-form-panel .wpforms-field select:focus,
.biw-kontakt-form-panel .wpforms-field textarea:focus {
	border-color: var(--biw-primary, #1a4d3e);
	box-shadow: var(--biw-focus, 0 0 0 3px rgba(200, 134, 42, 0.35));
	outline: none;
}

.biw-kontakt-form-panel .wpforms-field textarea {
	min-height: 140px;
	resize: vertical;
}

.biw-kontakt-form-panel .wpforms-submit-container {
	margin-top: 0.5rem;
}

.biw-kontakt-form-panel button[type="submit"].wpforms-submit,
.biw-kontakt-form-panel .wpforms-page-button {
	background: var(--biw-accent, #c8862a) !important;
	border: none !important;
	border-radius: 6px !important;
	font-weight: 600 !important;
	padding: 0.75rem 1.5rem !important;
	color: #fff !important;
}

.biw-kontakt-form-panel button[type="submit"].wpforms-submit:hover {
	background: var(--biw-accent-hover, #a66e22) !important;
}

.biw-kontakt-nav-section {
	padding-bottom: clamp(3rem, 6vw, 5rem);
}

.biw-kontakt-nav-section .biw-section-intro {
	margin-bottom: 1.75rem;
}

.biw-kontakt-nav-grid .wp-block-column {
	display: flex;
}

.biw-kontakt-nav-card {
	display: flex;
	flex-direction: column;
	height: 100%;
}

.biw-kontakt-nav-label {
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--biw-primary, #1a4d3e);
	margin: 0 0 0.35rem !important;
}

.biw-kontakt-nav-card h3 {
	font-size: 1.125rem;
	margin: 0 0 0.5rem;
	line-height: 1.35;
}

.biw-kontakt-nav-card > p:not(.biw-kontakt-nav-label) {
	flex: 1;
	margin: 0 0 1.25rem !important;
	font-size: 0.9375rem;
}

.biw-kontakt-nav-card .wp-block-buttons {
	margin-top: auto;
}

@media (max-width: 781px) {
	.biw-kontakt-columns {
		flex-direction: column;
		gap: 1.5rem !important;
	}

	.biw-kontakt-columns .wp-block-column {
		flex-basis: 100% !important;
	}

	.biw-kontakt-nav-grid {
		flex-direction: column;
		gap: 1.25rem !important;
	}
}