/* =========================================================================
   OLSEN — CONTACT FORM
   Scoped under .olsenllc-wrapper.olsenllc-contact-form.
   ========================================================================= */

.olsenllc-wrapper.olsenllc-contact-form {
	width: 100%;
	--olsenllc-cf-accent: var(--olsenllc-red);
}

.olsenllc-contact-form .olsenllc-head {
	text-align: center;
	margin-bottom: var(--olsenllc-sp-5);
}
.olsenllc-contact-form .olsenllc-head .olsenllc-eyebrow { justify-content: center; }

/* ---- Grid ---- */
.olsenllc-contact-form .olsenllc-cf-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 40px;
	align-items: stretch;
}
.olsenllc-contact-form .olsenllc-cf-grid--split {
	grid-template-columns: 0.85fr 1.15fr;
}
/* Info on the right */
.olsenllc-cf-info-right .olsenllc-cf-grid--split { direction: rtl; }
.olsenllc-cf-info-right .olsenllc-cf-grid--split > * { direction: ltr; }

/* ---- Info panel ---- */
.olsenllc-contact-form .olsenllc-cf-info {
	display: flex;
	flex-direction: column;
	gap: var(--olsenllc-sp-2);
	padding: var(--olsenllc-sp-4);
	border-radius: var(--olsenllc-radius);
	background:
		radial-gradient(120% 80% at 0% 0%, rgba(193,39,45,0.16) 0%, rgba(193,39,45,0) 55%),
		var(--olsenllc-grad-steel);
	border: 1px solid var(--olsenllc-border);
	box-shadow: var(--olsenllc-shadow);
}
.olsenllc-contact-form .olsenllc-cf-info-title {
	font-size: 24px;
	font-weight: 700;
	text-transform: uppercase;
	color: var(--olsenllc-heading);
}
.olsenllc-contact-form .olsenllc-cf-info-text {
	color: var(--olsenllc-text-muted);
	font-size: 15px;
	line-height: 1.65;
	margin: 0;
}
.olsenllc-contact-form .olsenllc-cf-info-list {
	display: flex;
	flex-direction: column;
	gap: 16px;
	margin-top: var(--olsenllc-sp-1);
}
.olsenllc-contact-form .olsenllc-cf-info-list li {
	display: flex;
	align-items: center;
	gap: 12px;
	font-size: 15px;
	color: var(--olsenllc-text);
}
.olsenllc-contact-form .olsenllc-cf-info-list svg {
	flex-shrink: 0;
	fill: var(--olsenllc-cf-accent);
}
.olsenllc-contact-form .olsenllc-cf-info-list a { color: var(--olsenllc-silver-light); }
.olsenllc-contact-form .olsenllc-cf-info-list a:hover { color: var(--olsenllc-cf-accent); }

/* ---- Form panel ---- */
.olsenllc-contact-form .olsenllc-cf-formwrap {
	padding: var(--olsenllc-sp-4);
	border-radius: var(--olsenllc-radius);
	background: var(--olsenllc-steel-800);
	border: 1px solid var(--olsenllc-border);
	box-shadow: var(--olsenllc-shadow);
}
.olsenllc-contact-form .olsenllc-cf-placeholder {
	color: var(--olsenllc-text-muted);
	font-style: italic;
	text-align: center;
	padding: var(--olsenllc-sp-4) 0;
}

/* ---- Form ---- */
.olsenllc-contact-form .olsenllc-cf-rows {
	display: flex;
	flex-direction: column;
	gap: var(--olsenllc-sp-2);
}
.olsenllc-contact-form .olsenllc-cf-row {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: var(--olsenllc-sp-2);
}
.olsenllc-contact-form .olsenllc-cf-group {
	display: flex;
	flex-direction: column;
	gap: 7px;
}
.olsenllc-contact-form .olsenllc-cf-label {
	font-family: var(--olsenllc-font-head);
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: var(--olsenllc-silver);
}

/* Fields */
.olsenllc-contact-form .olsenllc-cf-field {
	width: 100%;
	padding: 13px 16px;
	font-family: var(--olsenllc-font);
	font-size: 15px;
	color: var(--olsenllc-silver-light);
	background: var(--olsenllc-steel-900);
	border: 1px solid var(--olsenllc-border-strong);
	border-radius: var(--olsenllc-radius-sm);
	transition: border-color var(--olsenllc-transition), box-shadow var(--olsenllc-transition), background var(--olsenllc-transition);
	-webkit-appearance: none;
	appearance: none;
}
.olsenllc-contact-form .olsenllc-cf-field::placeholder { color: var(--olsenllc-silver-dark); }
.olsenllc-contact-form .olsenllc-cf-field:focus {
	outline: none;
	border-color: var(--olsenllc-cf-accent);
	box-shadow: 0 0 0 3px rgba(193, 39, 45, 0.25);
	background: var(--olsenllc-black);
}
.olsenllc-contact-form .olsenllc-cf-textarea { resize: vertical; min-height: 120px; }

/* Select arrow */
.olsenllc-contact-form .olsenllc-cf-select {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%238a8a90'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 12px center;
	background-size: 20px;
	padding-right: 40px;
	cursor: pointer;
}
.olsenllc-contact-form .olsenllc-cf-select option { background: var(--olsenllc-steel-800); color: var(--olsenllc-silver-light); }

/* Honeypot — hidden from humans */
.olsenllc-contact-form .olsenllc-cf-hp {
	position: absolute !important;
	left: -9999px !important;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

/* Actions */
.olsenllc-contact-form .olsenllc-cf-actions { margin-top: var(--olsenllc-sp-3); }
.olsenllc-contact-form .olsenllc-cf-submit {
	width: 100%;
	position: relative;
	background: var(--olsenllc-grad-red);
}
.olsenllc-contact-form .olsenllc-cf-submit[disabled] { opacity: 0.7; cursor: progress; }

/* Spinner */
.olsenllc-contact-form .olsenllc-cf-spinner {
	display: none;
	width: 18px;
	height: 18px;
	margin-left: 10px;
	border: 2px solid rgba(255, 255, 255, 0.4);
	border-top-color: #fff;
	border-radius: 50%;
	animation: olsenllc-spin 0.7s linear infinite;
}
.olsenllc-contact-form .olsenllc-cf-form.is-loading .olsenllc-cf-spinner { display: inline-block; }
@keyframes olsenllc-spin { to { transform: rotate(360deg); } }

/* Feedback */
.olsenllc-contact-form .olsenllc-cf-feedback {
	margin-top: var(--olsenllc-sp-2);
	font-size: 15px;
	line-height: 1.5;
	border-radius: var(--olsenllc-radius-sm);
	display: none;
}
.olsenllc-contact-form .olsenllc-cf-feedback.is-visible { display: block; padding: 13px 16px; }
.olsenllc-contact-form .olsenllc-cf-feedback.is-success {
	background: rgba(40, 167, 69, 0.12);
	border: 1px solid rgba(40, 167, 69, 0.5);
	color: #58d977;
}
.olsenllc-contact-form .olsenllc-cf-feedback.is-error {
	background: rgba(193, 39, 45, 0.12);
	border: 1px solid rgba(193, 39, 45, 0.5);
	color: #ff7a7f;
}

/* Invalid field highlight */
.olsenllc-contact-form .olsenllc-cf-field.is-invalid {
	border-color: var(--olsenllc-red-bright);
	box-shadow: 0 0 0 3px rgba(224, 53, 59, 0.2);
}

/* ---- Responsive ---- */
@media (max-width: 1024px) {
	.olsenllc-contact-form .olsenllc-cf-grid--split,
	.olsenllc-cf-info-right .olsenllc-cf-grid--split { grid-template-columns: 1fr; direction: ltr; }
}
@media (max-width: 600px) {
	.olsenllc-contact-form .olsenllc-cf-row { grid-template-columns: 1fr; }
	.olsenllc-contact-form .olsenllc-cf-formwrap,
	.olsenllc-contact-form .olsenllc-cf-info { padding: var(--olsenllc-sp-3); }
}