/*
 * Final "Get Free Assessment Today!" inquiry form + Google ratings /
 * contact info. Switched from a dark fill to a light background —
 * everything here (headings, labels, form text) was hardcoded white in
 * the parent theme for the old dark fill, so it all needs to flip to
 * dark for contrast. Organized into two proper white cards instead of
 * loose content sitting directly on the section background.
 */

.inquiry-section {
	padding: 90px 0px;
}

.inquiry-section .inner-box {
	background: #fff;
	border-radius: var(--nji-radius-lg);
	box-shadow: var(--nji-shadow-soft);
	padding: 44px 40px;
}

.inquiry-section .inner-box h4 {
	color: var(--nji-red);
	font-family: var(--nji-font-heading);
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 14px;
}

.inquiry-section .inner-box h2 {
	color: var(--nji-charcoal);
	font-size: 28px;
	line-height: 1.3;
}

.inquiry-section .inner-box label {
	color: var(--nji-text-muted);
	font-size: 14px;
}

/* Form fields — the actual embedded form is a plain Contact Form 7
   shortcode (<p><label>...) with no .form-group wrapper at all, which
   is why none of the earlier styling here ever actually applied.
   Targeting CF7's real classes instead. */
.inquiry-section .inner-box .wpcf7-form p {
	margin-bottom: 18px;
}

.inquiry-section .inner-box .wpcf7-form label {
	display: block;
	color: var(--nji-text-muted);
	font-size: 14px;
	margin-bottom: 8px;
}

.inquiry-section .inner-box .wpcf7-form-control.wpcf7-text,
.inquiry-section .inner-box .wpcf7-form-control.wpcf7-textarea {
	display: block;
	width: 100%;
	background: var(--nji-off-white);
	border: 1px solid var(--nji-grey-200);
	border-radius: var(--nji-radius-sm);
	color: var(--nji-charcoal);
	font-size: 15px;
	padding: 12px 18px;
	height: 52px;
	transition: border-color var(--nji-transition), box-shadow var(--nji-transition), background var(--nji-transition);
}

.inquiry-section .inner-box .wpcf7-form-control.wpcf7-textarea {
	height: 120px;
	resize: vertical;
}

.inquiry-section .inner-box .wpcf7-form-control.wpcf7-text:focus,
.inquiry-section .inner-box .wpcf7-form-control.wpcf7-textarea:focus {
	background: #fff;
	border-color: var(--nji-red) !important;
	box-shadow: 0 0 0 3px rgba(236, 28, 36, 0.12);
	outline: none;
}

.inquiry-section .inner-box .wpcf7-form-control::placeholder {
	color: var(--nji-text-muted);
}

/* Submit button: it's a plain <input type="submit">, not the
   .theme-btn-two anchor markup used elsewhere on the page — gradient +
   shimmer built directly on the real .wpcf7-submit class instead. */
.inquiry-section .inner-box .wpcf7-form-control.wpcf7-submit {
	background: linear-gradient(120deg, var(--nji-red-light) 0%, var(--nji-red) 35%, var(--nji-red-dark) 70%, var(--nji-red) 100%);
	background-size: 300% 300%;
	animation: njiGradientShift 3s ease infinite;
	border: none;
	border-radius: var(--nji-radius-sm);
	color: #fff;
	font-family: var(--nji-font-heading);
	font-weight: 600;
	font-size: 16px;
	padding: 15px 36px;
	cursor: pointer;
	position: relative;
	overflow: hidden;
	z-index: 1;
	transition: transform var(--nji-transition), box-shadow var(--nji-transition);
}

.inquiry-section .inner-box .wpcf7-form-control.wpcf7-submit:before {
	content: '';
	position: absolute;
	top: 0;
	left: -60%;
	width: 40%;
	height: 100%;
	background: linear-gradient(120deg, transparent 0%, rgba(255, 255, 255, 0.45) 50%, transparent 100%);
	transform: skewX(-20deg);
	animation: njiShimmerSweep 2.6s ease-in-out infinite;
	pointer-events: none;
}

.inquiry-section .inner-box .wpcf7-form-control.wpcf7-submit:hover {
	transform: translateY(-2px);
	box-shadow: 0 10px 26px rgba(236, 28, 36, 0.35);
}

@keyframes njiGradientShift {
	0% { background-position: 0% 50%; }
	50% { background-position: 100% 50%; }
	100% { background-position: 0% 50%; }
}

@keyframes njiShimmerSweep {
	0% { left: -60%; }
	100% { left: 140%; }
}

/* Ratings + contact info column: its own white card */

.inquiry-section .content-box {
	max-width: 380px;
	background: #fff;
	border: 1px solid var(--nji-grey-100);
	border-radius: var(--nji-radius-lg);
	box-shadow: var(--nji-shadow-soft);
	padding: 36px 32px;
}

.inquiry-section .content-box h3 {
	color: var(--nji-charcoal);
	font-size: 22px;
	line-height: 1.35;
	margin-bottom: 20px;
}

.inquiry-section .content-box .rating li {
	color: #ffce4a;
	font-size: 26px;
}

.inquiry-section .content-box h2 {
	color: var(--nji-charcoal);
	font-size: 44px;
	line-height: 1.1;
}

.inquiry-section .content-box span {
	font-size: 15px;
	color: var(--nji-text-muted);
	margin-bottom: 32px;
}

.inquiry-section .content-box .info-box li {
	padding-left: 56px;
	padding-bottom: 22px;
	margin-bottom: 20px;
	border-bottom-color: var(--nji-grey-100) !important;
}

.inquiry-section .content-box .info-box li i {
	font-size: 20px;
	line-height: 40px;
	width: 40px;
	height: 40px;
	text-align: center;
	background: var(--nji-red-tint);
	border-radius: 50%;
	color: var(--nji-red);
	top: 0;
}

.inquiry-section .content-box .info-box li p {
	color: var(--nji-text-muted);
	font-size: 13px;
	margin-bottom: 4px;
}

.inquiry-section .content-box .info-box li h3 {
	color: var(--nji-charcoal);
	font-size: 18px;
	margin-bottom: 0;
	word-break: break-word;
	overflow-wrap: break-word;
}

.inquiry-section .content-box .info-box li h3 a {
	color: var(--nji-charcoal);
}

.inquiry-section .content-box .info-box li h3 a:hover {
	color: var(--nji-red);
}

@media only screen and (max-width: 991px) {
	.inquiry-section .content-box {
		max-width: 100%;
		margin-left: 0;
		margin-top: 32px;
	}
}