/**
 * Simple Membership Registration - Company Field Styles
 */

/* Support both old (add.php) and new (add-v2.php) template formats */

/* ========================================
   New Form UI (add-v2.php) Styling
   ======================================== */

.swpm-form .swpm-form-row.swpm-company-name-row {
	margin-bottom: 0.8rem;
}

.swpm-form-company-name-row .swpm-form-label-wrap label {
	display: block;
	margin-bottom: 0.3rem;
	font-weight: 500;
	color: #333;
}

.swpm-form-company-name-input {
	width: 100%;
	padding: 8px 12px;
	border: 1px solid #ddd;
	border-radius: 4px;
	font-size: 14px;
	box-sizing: border-box;
	transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

.swpm-form-company-name-input:focus {
	outline: none;
	border-color: #0073aa;
	box-shadow: 0 0 3px rgba(0, 115, 170, 0.3);
}

/* Description text under the field */
.swpm-company-field-description {
	margin: 5px 0 0 0;
	font-size: 12px;
	color: #666;
	font-style: italic;
}

/* Placeholder styling for better visibility */
.swpm-company-name-input::placeholder {
	color: #999;
}

/* ========================================
   Old Form UI (add.php) Styling
   ======================================== */

.swpm-registration-company-name-row td {
	padding: 10px 0;
}

.swpm-registration-company-name-row label {
	display: block;
	margin-bottom: 5px;
	font-weight: bold;
	color: #333;
}

/* ========================================
   Mobile Responsive
   ======================================== */

@media (max-width: 600px) {
	.swpm-form-company-name-row .swpm-form-input-wrap {
		width: 100%;
	}

	.swpm-company-name-input {
		max-width: 100%;
		font-size: 16px; /* Prevent auto-zoom on iOS */
	}

	.swpm-registration-company-name-row td {
		display: block;
		width: 100%;
	}

	.swpm-registration-company-name-row td:first-child label {
		display: block;
		margin-bottom: 8px;
	}
}