.hobamine-contact-form-container form {
	width: 100%;
}

/* Form rows for two-column layout */
.form-row {
	display: flex;
	gap: 20px;
	margin-bottom: 20px;
	width: 100%;
}

.form-col {
	flex: 1;
	min-width: 0; /* Prevents flex items from overflowing */
}

/* Single field container */
.form-field {
	margin-bottom: 20px;
}

/* All labels styling */
.hobamine-contact-form-container label {
	display: block;
	font-weight: 600;
	color: #333333;
	margin-bottom: 8px;
	font-size: 14px;
}

/* Required field asterisks */
.hobamine-contact-form-container label[for="first_name"]:after,
.hobamine-contact-form-container label[for="last_name"]:after,
.hobamine-contact-form-container label[for="email"]:after,
.hobamine-contact-form-container label[for="company"]:after,
.hobamine-contact-form-container label[for="phone"]:after,
.hobamine-contact-form-container label[for="title"]:after,
.hobamine-contact-form-container label[for="00NPo000008vXe6"]:after,
.hobamine-contact-form-container label[for="00NO400000HZG06"]:after,
.hobamine-contact-form-container label[for="00NO400000HZHU1"]:after,
.hobamine-contact-form-container label[for="00NO400000HZCFq"]:after {
	content: " *";
	color: #e74c3c;
}

/* All form inputs */
.hobamine-contact-form-container input[type="text"],
.hobamine-contact-form-container input[type="email"],
.hobamine-contact-form-container select,
.hobamine-contact-form-container textarea {
	width: 100%;
	padding: 12px 15px;
	margin: 0;
	border: 1px solid #ccc;
	border-radius: 4px;
	font-size: 14px;
	background-color: #ffffff;
	color: #333333;
	transition: border-color 0.3s ease, background-color 0.3s ease;
	box-sizing: border-box;
	display: block; /* Ensure inputs display as block elements */
}

/* Placeholder styling */
.hobamine-contact-form-container input[type="text"]::placeholder,
.hobamine-contact-form-container input[type="email"]::placeholder,
.hobamine-contact-form-container textarea::placeholder {
	color: #999;
	opacity: 1;
}

.hobamine-contact-form-container input[type="text"]:focus,
.hobamine-contact-form-container input[type="email"]:focus,
.hobamine-contact-form-container select:focus,
.hobamine-contact-form-container textarea:focus {
	outline: none;
	border-color: #666;
	background-color: #f8f8f8;
	box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.1);
}

/* Remove br tags effect */
.hobamine-contact-form-container br {
	display: none;
}

/* Textarea styling */
.hobamine-contact-form-container textarea {
	min-height: 120px;
	resize: vertical;
	font-family: inherit;
}

/* Specific background color override for textarea */
.hobamine-contact-form-container textarea[id="00NO300000H7TZl"] {
	background-color: #ffffff !important; /* Ensure it matches other fields */
}

/* Focus state for textarea specifically */
.hobamine-contact-form-container textarea:focus,
.hobamine-contact-form-container textarea[id="00NO300000H7TZl"]:focus {
	background-color: #f8f8f8 !important;
}

/* Submit button */
.hobamine-contact-form-container input[type="submit"] {
	background: #333333;
	color: #ffffff;
	border: 1px solid #333333;
	padding: 16px 32px;
	border-radius: 4px;
	font-size: 16px;
	font-weight: 600;
	cursor: pointer;
	transition: background-color 0.3s ease;
	width: auto;
	margin: 20px 0 0 0;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.hobamine-contact-form-container input[type="submit"]:hover {
	background: #555555;
	border-color: #555555;
	color: #ffffff;
}

/* Select dropdowns */
.hobamine-contact-form-container select {
	height: 46px;
	cursor: pointer;
}
.hobamine-contact-form-container select[multiple] {
	height: auto;
}

/* Hidden elements */
.hobamine-contact-form-container label[style*="display:none"],
.hobamine-contact-form-container select[style*="display:none"] {
	display: none !important;
}

/* Responsive design - stack columns on small screens */
@media (max-width: 768px) {
	.hobamine-contact-form-container {
		padding: 20px;
	}

	.form-row {
		flex-direction: column;
		gap: 0;
	}

	.form-col {
		margin-bottom: 20px;
	}

	.form-col:last-child {
		margin-bottom: 0;
	}
}

/* reCAPTCHA styling */
.g-recaptcha {
	display: flex;
}

@media (max-width: 768px) {
	.g-recaptcha {
		transform: scale(0.85);
		transform-origin: 0 0;
	}
}
