/* PKG-006 — Rental Inline Contact Form Module */

.megavar-rental-form {}

.megavar-rental-form__heading {
	margin: 0 0 8px;
	font-size: 1.25rem;
	text-transform: uppercase;
	font-family: "New Science Extended", sans-serif;
	font-weight: 400;
	color: #4a5560 !important;
}

.megavar-rental-form__intro {
	margin: 0 0 20px;
	color: #4a5560;
}

.megavar-rental-form__phone {
	margin: 16px 0 0;
	font-size: 0.95rem;
	color: #4a5560;
}

.megavar-rental-form__phone a {
	color: #1c7c8c;
	font-weight: 600;
	text-decoration: none;
}

/* Field layout — mobile-first single column.
   Assign the CSS class "megavar-field-half" to a field in the WPForms
   builder (Field Options > Advanced > CSS Classes) to pair it two-up on
   desktop with its neighbour. Leave full-width fields (e.g. Message)
   without the class. */

.megavar-rental-form .wpforms-field-container {
	display: flex;
	flex-wrap: wrap;
	gap: 0 16px;
}

.megavar-rental-form .wpforms-field {
	flex: 0 0 100%;
}

@media (min-width: 600px) {
	.megavar-rental-form .wpforms-field.megavar-field-half {
		flex: 0 0 calc(50% - 8px);
	}
}

.megavar-rental-form .wpforms-field.megavar-field-half input,
.megavar-rental-form .wpforms-field.megavar-field-half select {
	max-width: 100%;
}

/* Labels — match site body font (see .megavar-cta-button, .megavar-related-categories__card-desc) */

.megavar-rental-form .wpforms-field-label {
	font-family: "New Science Extended", sans-serif;
	font-weight: 500 !important;
	font-size: 0.875rem !important;
}

/* Internal helper field — holds the computed subject-line fallback value
   (Specific Equipment if present, else Equipment Category). Populated live
   by scripts.js, never shown to the visitor. Use a WPForms "Hidden Field"
   type for this rather than a text field; the rule below is a safety net. */

.megavar-rental-form .megavar-field-subject {
	display: none !important;
}

/* Submit button — Megavar Blue */

.megavar-rental-form .wpforms-submit {
	background-color: #75CEDE !important;
	border-color: #75CEDE !important;
	color: #0b2530 !important;
	font-family: "New Science Extended", sans-serif !important;
	font-weight: 600 !important;
	font-size: 0.875rem !important;
	text-transform: uppercase;
}

.megavar-rental-form .wpforms-submit:hover {
	background-color: #5db9ca !important;
	border-color: #5db9ca !important;
}