/* =========================================================
   WPForms fixes for Check Rehab Insurance Elite
   Fixes the Smart Phone field bug where the country-flag icon
   overlaps the first 2-3 digits of the phone number.
   ========================================================= */

.wpforms-field-phone .iti,
.wpforms-field-phone .iti--allow-dropdown {
	width: 100%;
}

.wpforms-field-phone input[type="tel"],
.wpforms-field-phone .iti input[type="tel"] {
	padding-left: 58px !important;
}

.wpforms-field-phone .iti__flag-container {
	padding-left: 4px;
}

.wpforms-field-phone .iti__selected-flag {
	width: 46px;
	padding-left: 10px;
}

/* Some WPForms builds render the smart-phone widget without the .iti wrapper. */
.wpforms-smart-phone-field input[type="tel"] {
	padding-left: 58px !important;
	background-position: 14px center !important;
}

/* Compact, premium form styling driven by Customizer color variables. */
.cri-elite-wpforms .wpforms-form,
.wpforms-container .wpforms-form {
	max-width: 100%;
}

/* Force fields to fill the form card width — WPForms applies its own
   small/medium/large field-size percentages by default, which can make
   fields look narrow and boxed-in inside a wider card. */
.wpforms-container .wpforms-field,
.cri-elite-wpforms .wpforms-field {
	width: 100% !important;
	max-width: 100% !important;
}

.wpforms-container .wpforms-field input[type="text"],
.wpforms-container .wpforms-field input[type="email"],
.wpforms-container .wpforms-field input[type="tel"],
.wpforms-container .wpforms-field input[type="url"],
.wpforms-container .wpforms-field input[type="number"],
.wpforms-container .wpforms-field select,
.wpforms-container .wpforms-field textarea,
.cri-elite-wpforms .wpforms-field input,
.cri-elite-wpforms .wpforms-field select,
.cri-elite-wpforms .wpforms-field textarea {
	width: 100% !important;
	max-width: 100% !important;
	box-sizing: border-box !important;
}

.wpforms-container .wpforms-field-row {
	width: 100% !important;
	max-width: 100% !important;
}

.cri-elite-wpforms .wpforms-field {
	padding: 0 0 14px;
}

.cri-elite-wpforms .wpforms-field-label {
	font-weight: 600;
	font-size: 14px;
	color: var(--cri-secondary, #123B3B);
}

.cri-elite-wpforms input[type="text"],
.cri-elite-wpforms input[type="email"],
.cri-elite-wpforms input[type="tel"],
.cri-elite-wpforms select,
.cri-elite-wpforms textarea {
	border-radius: 8px !important;
	border: 1px solid #E4E9E7 !important;
	padding: 11px 14px !important;
	font-size: 15px !important;
}

.cri-elite-wpforms input:focus,
.cri-elite-wpforms select:focus,
.cri-elite-wpforms textarea:focus {
	border-color: var(--wpforms-focus, #0F5D52) !important;
	box-shadow: 0 0 0 3px rgba(15, 93, 82, 0.12) !important;
	outline: none !important;
}

.cri-elite-wpforms .wpforms-submit,
.wpforms-container .wpforms-submit,
.wpforms-container button.wpforms-submit,
.wpforms-container input.wpforms-submit,
.wpforms-container .wpforms-page-button {
	background: var(--wpforms-btn, #0F5D52) !important;
	color: var(--wpforms-btn-text, #FFFFFF) !important;
	border: none !important;
	border-radius: var(--cri-btn-radius, 10px) !important;
	padding: 14px 26px !important;
	margin: 4px 0 0 !important;
	font-family: var(--cri-font-body, 'Inter', sans-serif) !important;
	font-size: 15px !important;
	font-weight: 600 !important;
	line-height: 1.2 !important;
	letter-spacing: normal !important;
	text-transform: none !important;
	text-shadow: none !important;
	box-shadow: none !important;
	width: 100%;
	min-height: 48px;
	cursor: pointer;
	transition: background .15s ease, transform .1s ease;
}

.cri-elite-wpforms .wpforms-submit:hover,
.wpforms-container .wpforms-submit:hover,
.wpforms-container button.wpforms-submit:hover,
.wpforms-container input.wpforms-submit:hover,
.wpforms-container .wpforms-page-button:hover {
	background: var(--wpforms-btn-hover, #0B453D) !important;
	color: var(--wpforms-btn-text, #FFFFFF) !important;
	transform: translateY(-1px);
}

.cri-elite-wpforms .wpforms-submit:focus,
.wpforms-container .wpforms-submit:focus {
	outline: none !important;
	box-shadow: 0 0 0 3px rgba(15, 93, 82, 0.25) !important;
}

.wpforms-page-indicator-page-progress {
	background: var(--wpforms-progress, #E7A33E) !important;
}

.wpforms-field-checkbox label,
.wpforms-field-gdpr-checkbox label {
	font-size: 13px !important;
	line-height: 1.5 !important;
	color: #5B6B67 !important;
}