/**
 * kontakt.css – Kontaktseite: 3-spaltiges Layout, visuelles Formular, Adressblöcke
 *
 * @package Lauffen_WooCommerce
 */

/* ===== KONTAKT-LAYOUT ===== */
.kontakt-main {
	background: var(--bg-warm, #f4ede7);
	padding: 2rem 1rem 4rem;
}

.kontakt-main .container {
	max-width: var(--container-max-width, 1280px);
	margin: 0 auto;
}

.kontakt-title {
	font-family: var(--font-heading, 'Prompt', sans-serif);
	font-size: 3rem;
	font-weight: 500;
	text-transform: uppercase;
	color: var(--black-color, #010101);
	margin-bottom: 1rem;
}

.kontakt-lead {
	font-family: var(--font-body, 'Prompt', sans-serif);
	font-size: 1.6rem;
	color: var(--text, #333);
	margin-bottom: 2rem;
}

.kontakt-layout {
	display: flex;
	gap: 2rem;
}

.kontakt-col {
	flex: 1 1 auto;
}

.kontakt-col-form {
	flex: 2 1 50%;
}

.kontakt-col-address {
	flex: 1 1 25%;
}

/* ===== FORMULAR ===== */
.kontakt-form-wrapper {
	background: var(--white-color, #fff);
	padding: 2rem;
	border-radius: 0;
}

.kontakt-fieldset {
	border: none;
	padding: 0;
	margin: 0;
}

.kontakt-legend {
	font-family: var(--font-heading, 'Prompt', sans-serif);
	font-size: 1.8rem;
	font-weight: 500;
	color: var(--black-color, #010101);
	margin-bottom: 0.5rem;
	padding: 0;
}

.kontakt-hinweis {
	font-family: var(--font-body, 'Prompt', sans-serif);
	font-size: 1.4rem;
	color: var(--secondary-text, #575757);
	margin-bottom: 1rem;
}

.kontakt-required-hinweis {
	font-family: var(--font-body, 'Prompt', sans-serif);
	font-size: 1.3rem;
	color: var(--secondary-text, #575757);
	margin-bottom: 1.5rem;
}

/* Honeypot (versteckt) */
.kontakt-honeypot {
	position: absolute;
	left: -9999px;
	top: -9999px;
	opacity: 0;
	width: 0;
	height: 0;
	overflow: hidden;
}

/* Form-Felder */
.form-field {
	margin-bottom: 1.5rem;
}

.form-field label {
	display: block;
	font-family: var(--font-heading, 'Prompt', sans-serif);
	font-size: 1.4rem;
	font-weight: 500;
	color: var(--black-color, #010101);
	margin-bottom: 0.4rem;
}

.form-field .required {
	color: #c00;
}

.form-field input[type="text"],
.form-field input[type="email"],
.form-field textarea {
	width: 100%;
	padding: 0.8rem 1rem;
	border: 1px solid var(--border-color, #d1d1d1);
	border-radius: 0;
	font-family: var(--font-body, 'Prompt', sans-serif);
	font-size: 1.4rem;
	color: var(--text, #333);
	background: var(--white-color, #fff);
	cursor: not-allowed;
}

.form-field textarea {
	resize: vertical;
}

/* Checkbox */
.form-field-checkbox {
	display: flex;
	align-items: flex-start;
}

.checkbox-label {
	display: flex;
	align-items: flex-start;
	gap: 0.6rem;
	font-family: var(--font-body, 'Prompt', sans-serif);
	font-size: 1.3rem;
	color: var(--text, #333);
	cursor: not-allowed;
}

.checkbox-label input[type="checkbox"] {
	margin-top: 0.2rem;
	accent-color: var(--weissweine-2-color, #f9b301);
}

.checkbox-label a {
	color: var(--rot-weine-4-color, #2e0b06);
	text-decoration: underline;
	font-weight: 500;
}

/* Absenden-Button */
.form-field-submit {
	margin-top: 1rem;
}

.kontakt-submit {
	display: inline-block;
	padding: 14px 17px;
	background: var(--weissweine-2-color, #f9b301);
	color: var(--rot-weine-4-color, #2e0b06);
	font-family: var(--font-heading, 'Prompt', sans-serif);
	font-size: 1.8rem;
	font-weight: 500;
	text-transform: uppercase;
	border: none;
	border-radius: 0;
	cursor: not-allowed;
	transition: background-color 0.25s ease;
}

.kontakt-submit:not(:disabled):hover {
	background: var(--weissweine-1-color, #d19221);
}

.kontakt-form-hinweis {
	font-family: var(--font-body, 'Prompt', sans-serif);
	font-size: 1.2rem;
	color: var(--secondary-text, #575757);
	margin-top: 0.8rem;
}

/* ===== ADRESSBLÖCKE ===== */
.kontakt-address-block {
	background: var(--white-color, #fff);
	padding: 2rem;
	border-radius: 0;
}

.kontakt-logo {
	max-width: 237px;
	width: 100%;
	height: auto;
	margin-bottom: 1.5rem;
}

.kontakt-firma {
	font-family: var(--font-heading, 'Prompt', sans-serif);
	font-size: 1.4rem;
	font-weight: 500;
	text-transform: uppercase;
	color: var(--black-color, #010101);
	margin-bottom: 0.8rem;
}

.kontakt-adr {
	font-family: var(--font-body, 'Prompt', sans-serif);
	font-size: 1.4rem;
	font-style: normal;
	color: var(--text, #333);
	margin-bottom: 0.8rem;
	line-height: 1.6;
}

.kontakt-hotline,
.kontakt-mail {
	font-family: var(--font-body, 'Prompt', sans-serif);
	font-size: 1.4rem;
	color: var(--text, #333);
	margin-bottom: 0.4rem;
}

.kontakt-mail a {
	color: var(--rot-weine-4-color, #2e0b06);
	text-decoration: underline;
	font-weight: 500;
}

.kontakt-oeffnung-title {
	font-family: var(--font-heading, 'Prompt', sans-serif);
	font-size: 1.4rem;
	font-weight: 500;
	text-transform: uppercase;
	color: var(--black-color, #010101);
	margin: 1.5rem 0 0.8rem;
}

.kontakt-oeffnungszeiten p {
	font-family: var(--font-body, 'Prompt', sans-serif);
	font-size: 1.4rem;
	color: var(--text, #333);
	margin-bottom: 0.6rem;
	line-height: 1.5;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 992px) {
	.kontakt-layout {
		flex-wrap: wrap;
	}

	.kontakt-col-form {
		flex: 1 1 100%;
	}

	.kontakt-col-address {
		flex: 1 1 48%;
	}
}

@media (max-width: 576px) {
	.kontakt-title {
		font-size: 2rem;
	}

	.kontakt-col-address {
		flex: 1 1 100%;
	}

	.kontakt-form-wrapper,
	.kontakt-address-block {
		padding: 1.5rem;
	}
}