/* Fallback copy of contact form styles for non-Vite environments */
/* This file is a plain copy of resources/css/contact-form.css to avoid runtime imports.
	 For production builds prefer compiling CSS via Vite and copying the output into public/. */
.contact-form { max-width: 880px; margin: 28px auto; }
.contact-form .form { display:block; }

/* Labels and inputs */
.contact-form label { display:block; color:#fff; font-weight:600; margin-bottom:6px; }
.contact-form input[type="text"],
.contact-form input[type="email"],
.contact-form input[type="tel"],
.contact-form textarea {
	display:block;
	width:100%;
	max-width:100%;
	box-sizing:border-box;
	padding:8px 10px;
	border-radius:6px;
	border:1px solid rgba(0,0,0,0.12);
	background:#fff;
	color:#111;
	font-size:14px;
}

/* Two-column rows */
.contact-form .row.two { display:grid; grid-template-columns:1fr 1fr; gap:18px; align-items:end; }
/* Firma + telefon: wider company, narrower phone */
.contact-form .row.company-phone { display:grid; grid-template-columns: 1fr 220px; gap:18px; align-items:end; }

/* Constrained centered rows */
.contact-form .row.constrain { max-width:560px; margin:0 auto; }

.contact-form textarea { min-height:120px; resize:vertical; }

/* Button */
.contact-form .form-actions { text-align:center; margin-top:14px; }
.contact-form .btn { padding:10px 18px; border-radius:8px; background:#fff; color:#111; box-shadow:0 6px 10px rgba(0,0,0,0.18); border:none; cursor:pointer; }

@media (max-width:720px) {
	.contact-form .row.two, .contact-form .row.company-phone { grid-template-columns:1fr; }
	.contact-form .row.constrain { max-width:100%; }
}