/* JR WPForms Contact Form Styling
   Scoped to the Contact Us page (ID 132) to avoid affecting other forms. */

/* v1.0.3: widen the tinted panel so it stretches closer to the outer card edges */
.page-id-132 .wpforms-container,
.page-id-132 div.wpforms-container-full {
	/* Let the panel breathe wider (previously 780px) */
	width: 100% !important;
	max-width: 980px;
	margin-left: auto !important;
	margin-right: auto !important;

	/* Soft-tinted panel */
	background: rgba(250, 246, 246, 0.92);
	border: 1px solid rgba(0,0,0,0.06);
	border-radius: 22px;

	/* More generous padding so the panel feels intentional */
	padding: 32px 32px 34px;
	box-sizing: border-box;
}

@media (max-width: 520px) {
	.page-id-132 .wpforms-container,
	.page-id-132 div.wpforms-container-full {
		padding: 18px 16px 20px;
		border-radius: 18px;
	}
}

/* Remove any "boxed form theme" styling WPForms might add */
.page-id-132 .wpforms-container-full .wpforms-form {
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	padding: 0 !important;
}

/* Field spacing */
.page-id-132 .wpforms-container-full .wpforms-field {
	margin-top: 16px !important;
	padding-top: 0 !important;
}

/* Labels */
.page-id-132 .wpforms-container-full .wpforms-field-label {
	font-weight: 650;
	letter-spacing: 0.2px;
	margin-bottom: 8px !important;
	color: #161616;
}

/* Required star */
.page-id-132 .wpforms-container-full .wpforms-required-label {
	color: #e24d67; /* JR accent */
}

/* Inputs */
.page-id-132 .wpforms-container-full input[type="text"],
.page-id-132 .wpforms-container-full input[type="email"],
.page-id-132 .wpforms-container-full input[type="tel"],
.page-id-132 .wpforms-container-full input[type="url"],
.page-id-132 .wpforms-container-full input[type="number"],
.page-id-132 .wpforms-container-full select,
.page-id-132 .wpforms-container-full textarea {
	width: 100% !important;
	border-radius: 14px !important;
	border: 1px solid rgba(0,0,0,0.14) !important;
	background: rgba(255,255,255,0.98) !important;
	padding: 12px 14px !important;
	font-size: 16px !important;
	line-height: 1.35 !important;
	transition: box-shadow .15s ease, border-color .15s ease, transform .15s ease;
	outline: none !important;
}

.page-id-132 .wpforms-container-full input[type="text"],
.page-id-132 .wpforms-container-full input[type="email"],
.page-id-132 .wpforms-container-full input[type="tel"],
.page-id-132 .wpforms-container-full input[type="url"],
.page-id-132 .wpforms-container-full input[type="number"],
.page-id-132 .wpforms-container-full select {
	min-height: 48px;
}

.page-id-132 .wpforms-container-full textarea {
	min-height: 160px;
	resize: vertical;
}

.page-id-132 .wpforms-container-full input:focus,
.page-id-132 .wpforms-container-full select:focus,
.page-id-132 .wpforms-container-full textarea:focus {
	border-color: rgba(226, 77, 103, 0.65) !important;
	box-shadow: 0 0 0 4px rgba(226, 77, 103, 0.12) !important;
}

.page-id-132 .wpforms-container-full ::placeholder {
	color: rgba(0,0,0,0.45);
}

/* Checkbox field: tidy + modern */
.page-id-132 .wpforms-container-full .wpforms-field-checkbox ul,
.page-id-132 .wpforms-container-full .wpforms-field-radio ul {
	margin: 8px 0 0 !important;
	padding: 0 !important;
	list-style: none !important;
	display: grid;
	grid-template-columns: 1fr;
	gap: 10px;
}

@media (min-width: 720px) {
	.page-id-132 .wpforms-container-full .wpforms-field-checkbox ul,
	.page-id-132 .wpforms-container-full .wpforms-field-radio ul {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 12px 16px;
	}
}

.page-id-132 .wpforms-container-full .wpforms-field-checkbox li,
.page-id-132 .wpforms-container-full .wpforms-field-radio li {
	margin: 0 !important;
	padding: 10px 12px !important;
	border: 1px solid rgba(0,0,0,0.12);
	border-radius: 14px;
	background: rgba(255,255,255,0.96);
	display: flex;
	align-items: center;
	gap: 10px;
	transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease;
}

.page-id-132 .wpforms-container-full .wpforms-field-checkbox li:hover,
.page-id-132 .wpforms-container-full .wpforms-field-radio li:hover {
	border-color: rgba(226, 77, 103, 0.35);
	box-shadow: 0 6px 18px rgba(0,0,0,0.06);
	transform: translateY(-1px);
}

.page-id-132 .wpforms-container-full input[type="checkbox"],
.page-id-132 .wpforms-container-full input[type="radio"] {
	width: 18px !important;
	height: 18px !important;
	accent-color: #e24d67;
	margin: 0 !important;
}

.page-id-132 .wpforms-container-full .wpforms-field-checkbox label,
.page-id-132 .wpforms-container-full .wpforms-field-radio label {
	margin: 0 !important;
	font-weight: 550;
	color: #1b1b1b;
	cursor: pointer;
}

.page-id-132 .wpforms-container-full .wpforms-field-description {
	margin-top: 8px !important;
	color: rgba(0,0,0,0.55);
	font-size: 13px;
}

/* Submit row */
.page-id-132 .wpforms-container-full .wpforms-submit-container {
	margin-top: 24px !important;
	text-align: center;
}

.page-id-132 .wpforms-container-full button[type="submit"].wpforms-submit {
	background: #e24d67 !important;
	border: 0 !important;
	color: #fff !important;
	border-radius: 999px !important;
	padding: 12px 22px !important;
	font-weight: 700 !important;
	letter-spacing: 0.2px;
	min-width: 190px;
	box-shadow: 0 10px 26px rgba(226, 77, 103, 0.28);
	transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
}

.page-id-132 .wpforms-container-full button[type="submit"].wpforms-submit:hover {
	filter: brightness(0.98);
	transform: translateY(-1px);
	box-shadow: 0 14px 32px rgba(226, 77, 103, 0.34);
}

.page-id-132 .wpforms-container-full button[type="submit"].wpforms-submit:active {
	transform: translateY(0);
	box-shadow: 0 10px 26px rgba(226, 77, 103, 0.28);
}

@media (max-width: 520px) {
	.page-id-132 .wpforms-container-full button[type="submit"].wpforms-submit {
		width: 100%;
		min-width: 0;
	}
}

/* Validation & errors */
.page-id-132 .wpforms-container-full label.wpforms-error {
	color: #b00020 !important;
	font-weight: 600;
	margin-top: 8px !important;
}

.page-id-132 .wpforms-container-full input.wpforms-error,
.page-id-132 .wpforms-container-full select.wpforms-error,
.page-id-132 .wpforms-container-full textarea.wpforms-error {
	border-color: rgba(176, 0, 32, 0.55) !important;
	box-shadow: 0 0 0 4px rgba(176, 0, 32, 0.10) !important;
}

.page-id-132 .wpforms-confirmation-container-full {
	border-radius: 16px;
	border: 1px solid rgba(0,0,0,0.10);
	background: rgba(255,255,255,0.92);
	padding: 16px 18px;
	box-shadow: 0 10px 26px rgba(0,0,0,0.06);
}