/**
 * Red Leaf Consulting — AI Readiness Scorecard
 * Theme v1.2.7
 *
 * The proven Delivery System Scorecard stylesheet supplies the shared form
 * shell, controls, responsive grid, rating buttons, validation, and CTA.
 * This file adds only AI-assessment-specific structure and result presentation.
 */

body.rl-ai-readiness-page .gform_wrapper .gfield_label .gform-field-label__text {
	font-weight: 700 !important;
}

/* AI Readiness page intro should use the full site content rail rather than
 * the narrower shared Scorecard prose measure. */
body.rl-ai-readiness-page .rl-site-main .rl-section > .wp-block-post-content > :where(p, ul, ol) {
	max-width: none;
}

body.rl-ai-readiness-page .gform_wrapper .rl-ai-form-intro-field {
	padding: clamp(1rem, 2.4vw, 1.45rem);
	border: 1px solid var(--rl-scorecard-border);
	border-radius: var(--rl-scorecard-card-radius);
	background: var(--rl-scorecard-white);
}

body.rl-ai-readiness-page .gform_wrapper .rl-ai-form-intro-field p:first-child,
body.rl-ai-readiness-page .gform_wrapper .rl-ai-form-intro-field p:last-child {
	margin-block: 0;
}

body.rl-ai-readiness-page .gform_wrapper .rl-ai-scale-key {
	margin-block: 1rem;
	padding: 0.9rem 1rem;
	border-inline-start: 3px solid var(--rl-scorecard-red);
	background: var(--rl-scorecard-white);
}

body.rl-ai-readiness-page .gform_wrapper .rl-ai-scale-key p {
	margin: 0;
	line-height: 1.7;
}

body.rl-ai-readiness-page .gform_wrapper .rl-ai-dimension-intro {
	margin-top: clamp(0.65rem, 2vw, 1.25rem) !important;
	padding-top: clamp(1.25rem, 3vw, 2rem);
	border-top: 2px solid var(--rl-scorecard-ink);
}

body.rl-ai-readiness-page .gform_wrapper .rl-ai-dimension-intro:first-of-type {
	margin-top: 0 !important;
}

body.rl-ai-readiness-page .gform_wrapper .rl-ai-dimension h3 {
	margin: 0 0 0.5rem;
	color: var(--rl-scorecard-ink);
	font-size: clamp(1.35rem, 1.18rem + 0.55vw, 1.7rem);
	font-weight: 650;
	letter-spacing: -0.018em;
	line-height: 1.15;
}

body.rl-ai-readiness-page .gform_wrapper .rl-ai-dimension p {
	max-width: 78ch;
	margin: 0;
	color: var(--rl-scorecard-muted);
	line-height: 1.65;
}

body.rl-ai-readiness-page .gform_wrapper .gfield.rl-ai-context {
	padding: clamp(1rem, 2.4vw, 1.45rem);
	border: 1px solid var(--rl-scorecard-border);
	border-radius: var(--rl-scorecard-card-radius);
	background: var(--rl-scorecard-white);
}

body.rl-ai-readiness-page .gform_wrapper .rl-ai-context-stage .gfield_radio {
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

body.rl-ai-readiness-page .gform_wrapper .rl-ai-context-stage .gfield_radio label {
	justify-content: flex-start;
	padding-inline: 0.85rem;
	line-height: 1.25;
	text-align: left;
}

/* AI assessment selections use Brand Deep Red rather than the shared ink state. */
body.rl-ai-readiness-page .gform_wrapper .gfield_radio label:hover {
	border-color: var(--rl-scorecard-red);
}

body.rl-ai-readiness-page .gform_wrapper .gfield_radio input[type="radio"]:checked + label {
	border-color: var(--rl-scorecard-red);
	background: var(--rl-scorecard-red);
	color: var(--rl-scorecard-white);
}

body.rl-ai-readiness-page .gform_wrapper .gfield_radio input[type="radio"]:focus-visible + label {
	outline-color: var(--rl-scorecard-red);
}

body.rl-ai-readiness-page .gform_wrapper .gfield_checkbox {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0.65rem 0.85rem !important;
	width: 100%;
	margin: 1rem 0 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

body.rl-ai-readiness-page .gform_wrapper .gfield_checkbox > :where(.gchoice, li) {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	align-items: start;
	gap: 0.65rem;
	min-width: 0;
	margin: 0 !important;
	padding: 0.75rem 0.8rem !important;
	border: 1px solid var(--rl-scorecard-border);
	border-radius: var(--rl-scorecard-radius);
	background: var(--rl-scorecard-white);
}

body.rl-ai-readiness-page .gform_wrapper .gfield_checkbox input[type="checkbox"] {
	width: 1.1rem !important;
	height: 1.1rem !important;
	min-height: 0 !important;
	margin: 0.12rem 0 0 !important;
	padding: 0 !important;
	accent-color: var(--rl-scorecard-red);
}

body.rl-ai-readiness-page .gform_wrapper .gfield_checkbox label {
	max-width: none !important;
	margin: 0 !important;
	color: var(--rl-scorecard-ink);
	font-weight: 550;
	line-height: 1.35;
}

body.rl-ai-readiness-page .gform_wrapper .gfield_checkbox input[type="checkbox"]:focus-visible {
	outline: 3px solid var(--rl-scorecard-teal);
	outline-offset: 2px;
}

body.rl-ai-readiness-page .gform_wrapper .gfield_checkbox input[type="checkbox"]:disabled + label {
	opacity: 0.48;
}

body.rl-ai-readiness-page .gform_wrapper .rl-ai-selection-limit {
	margin: 0.65rem 0 0;
	color: var(--rl-scorecard-muted);
	font-size: 0.86rem;
	line-height: 1.45;
}

body.rl-ai-readiness-page .gform_wrapper .rl-ai-selection-limit[data-limit-reached="true"] {
	color: var(--rl-scorecard-ink);
	font-weight: 650;
}

body.rl-ai-readiness-page .gform_wrapper .rl-ai-results-intro {
	padding-bottom: 0.15rem;
}

/* Form 7's calculated-score and tracking fields are internal mechanics, not
 * respondent-facing controls. Target their production wrapper IDs directly so
 * Gravity Forms' hidden-field presentation cannot reserve grid rows or gaps. */
body.rl-ai-readiness-page #gform_wrapper_7 :where(
	#field_7_201,
	#field_7_202,
	#field_7_203,
	#field_7_204,
	#field_7_205,
	#field_7_206,
	#field_7_207,
	#field_7_220,
	#field_7_221,
	#field_7_222,
	#field_7_223,
	#field_7_224,
	#field_7_225,
	.gfield.rl-ai-calculation,
	.gfield.rl-ai-tracking
) {
	display: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

/* The submit control should follow the last visible respondent field with the
 * same restrained spacing used elsewhere on the site. */
body.rl-ai-readiness-page #gform_wrapper_7 .gform_body,
body.rl-ai-readiness-page #gform_wrapper_7 .gform_fields {
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
}

body.rl-ai-readiness-page #gform_wrapper_7 .gform_footer,
body.rl-ai-readiness-page #gform_wrapper_7 .gform_page_footer {
	margin-top: 0.9rem !important;
	padding-top: 0 !important;
}

/* Deterministic result experience rendered by Red Leaf Core. */
body.rl-ai-readiness-page .rl-ai-results {
	width: 100%;
	max-width: none;
	margin-top: clamp(1.25rem, 3vw, 2rem);
	padding: clamp(1.2rem, 3vw, 2.35rem);
	border: 1px solid var(--rl-scorecard-border);
	border-radius: var(--rl-scorecard-card-radius);
	background: var(--rl-scorecard-surface);
	box-shadow: var(--rl-scorecard-shadow);
	box-sizing: border-box;
}


/* On the post-submit result view, replace the page-level marketing intro with
 * the concise thank-you/result guidance rendered by Core. The editor-owned
 * page content remains unchanged in WordPress. */
body.rl-ai-readiness-page:has(.rl-ai-results) .rl-site-main .rl-section > .wp-block-post-content > p:nth-of-type(-n+3) {
	display: none;
}

body.rl-ai-readiness-page .rl-ai-results__eyebrow {
	margin: 0 0 0.35rem;
	color: var(--rl-scorecard-red);
	font-size: 0.8rem;
	font-weight: 750;
	letter-spacing: 0.09em;
	line-height: 1.2;
	text-transform: uppercase;
}

body.rl-ai-readiness-page .rl-ai-results h2 {
	margin: 0;
	color: var(--rl-scorecard-ink);
	font-size: clamp(1.8rem, 1.52rem + 1.1vw, 2.45rem);
	font-weight: 600;
	letter-spacing: -0.025em;
	line-height: 1.08;
}


body.rl-ai-readiness-page .rl-ai-results__thanks {
	width: 100%;
	max-width: none;
	margin: 0.7rem 0 0;
	color: var(--rl-scorecard-ink);
	font-size: clamp(1rem, 0.97rem + 0.12vw, 1.075rem);
	line-height: 1.65;
}

body.rl-ai-readiness-page .rl-ai-results__notes-wrap {
	min-width: 0;
}

body.rl-ai-readiness-page .rl-ai-results__notes-title {
	margin: 0 0 0.5rem;
	color: var(--rl-scorecard-ink);
	font-size: 1.05rem;
	font-weight: 700;
	letter-spacing: -0.01em;
	line-height: 1.25;
}

body.rl-ai-readiness-page .rl-ai-results__notes {
	width: 100%;
	max-width: none;
	margin: 0;
	padding-inline-start: 1.35rem;
	font-size: clamp(1rem, 0.97rem + 0.12vw, 1.075rem);
	line-height: 1.7;
}

body.rl-ai-readiness-page .rl-ai-results__notes li + li {
	margin-top: 0.45rem;
}

body.rl-ai-readiness-page .rl-ai-results__overall {
	display: grid;
	grid-template-columns: minmax(15rem, 0.8fr) minmax(0, 1.6fr);
	align-items: start;
	gap: 1rem 1.5rem;
	margin-top: 1.5rem;
	padding: 1rem 1.1rem;
	border: 1px solid var(--rl-scorecard-border);
	border-radius: var(--rl-scorecard-card-radius);
	background: var(--rl-scorecard-white);
}

body.rl-ai-readiness-page .rl-ai-results__overall-summary {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	align-items: start;
	gap: 1rem 1.25rem;
}

body.rl-ai-readiness-page .rl-ai-results__number {
	display: flex;
	align-items: baseline;
	gap: 0.15rem;
	color: var(--rl-scorecard-ink);
	font-size: clamp(2rem, 1.6rem + 1.8vw, 3.15rem);
	font-weight: 700;
	letter-spacing: -0.04em;
	line-height: 1;
}

body.rl-ai-readiness-page .rl-ai-results__number small {
	color: var(--rl-scorecard-muted);
	font-size: 0.95rem;
	font-weight: 600;
	letter-spacing: 0;
}

body.rl-ai-readiness-page .rl-ai-results__level {
	margin: 0 0 0.2rem;
	color: var(--rl-scorecard-ink);
	font-size: 1.15rem;
	font-weight: 700;
}

body.rl-ai-readiness-page .rl-ai-results__level-copy {
	margin: 0;
	color: var(--rl-scorecard-muted);
	line-height: 1.55;
}

body.rl-ai-readiness-page .rl-ai-results__signals {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0.85rem;
	margin-top: 1rem;
}

body.rl-ai-readiness-page .rl-ai-results__signal {
	padding: 0.95rem 1rem;
	border: 1px solid var(--rl-scorecard-border);
	border-radius: var(--rl-scorecard-radius);
	background: var(--rl-scorecard-white);
}

body.rl-ai-readiness-page .rl-ai-results__signal-label {
	display: block;
	margin-bottom: 0.2rem;
	color: var(--rl-scorecard-muted);
	font-size: 0.78rem;
	font-weight: 700;
	letter-spacing: 0.055em;
	text-transform: uppercase;
}

body.rl-ai-readiness-page .rl-ai-results__signal strong {
	color: var(--rl-scorecard-ink);
	font-size: 1.02rem;
}

body.rl-ai-readiness-page .rl-ai-results__scores {
	margin-top: 1.6rem;
}

body.rl-ai-readiness-page .rl-ai-results__scores h3,
body.rl-ai-readiness-page .rl-ai-results__next h3 {
	margin: 0 0 1rem;
	font-size: 1.2rem;
	font-weight: 700;
}

body.rl-ai-readiness-page .rl-ai-result-score {
	display: grid;
	grid-template-columns: minmax(10rem, 0.8fr) minmax(8rem, 1.4fr) auto;
	align-items: center;
	gap: 0.7rem 0.85rem;
	margin-top: 0.7rem;
}

body.rl-ai-readiness-page .rl-ai-result-score__label {
	color: var(--rl-scorecard-ink);
	font-weight: 650;
}

body.rl-ai-readiness-page .rl-ai-result-score__track {
	height: 0.65rem;
	overflow: hidden;
	border-radius: 999px;
	background: var(--rl-scorecard-border);
}

body.rl-ai-readiness-page .rl-ai-result-score__fill {
	display: block;
	width: var(--rl-ai-score, 0%);
	height: 100%;
	border-radius: inherit;
	background: var(--rl-scorecard-red);
}

body.rl-ai-readiness-page .rl-ai-result-score__value {
	min-width: 3.6rem;
	color: var(--rl-scorecard-ink);
	font-variant-numeric: tabular-nums;
	font-weight: 700;
	text-align: right;
}

body.rl-ai-readiness-page .rl-ai-results__next {
	margin-top: 1.7rem;
	padding-top: 1.4rem;
	border-top: 1px solid var(--rl-scorecard-border);
}

body.rl-ai-readiness-page .rl-ai-results__next ol {
	margin: 0;
	padding-left: 1.25rem;
}

body.rl-ai-readiness-page .rl-ai-results__next li + li {
	margin-top: 0.6rem;
}

body.rl-ai-readiness-page .rl-ai-results__cta {
	margin-top: 1.6rem;
	padding: 1.1rem 1.2rem;
	border-radius: var(--rl-scorecard-card-radius);
	background: var(--rl-scorecard-ink);
	color: var(--rl-scorecard-white);
}

body.rl-ai-readiness-page .rl-ai-results__cta p {
	margin: 0;
	color: inherit;
	line-height: 1.6;
}

body.rl-ai-readiness-page .rl-ai-results__cta p + p {
	margin-top: 0.8rem;
}

body.rl-ai-readiness-page .rl-ai-results__cta a {
	display: inline-block;
	padding: 0.72rem 1rem;
	border-radius: var(--rl-scorecard-radius);
	background: var(--rl-scorecard-teal);
	color: var(--rl-scorecard-white);
	font-weight: 700;
	text-decoration: none;
}

body.rl-ai-readiness-page .rl-ai-results__cta a:hover {
	background: var(--rl-scorecard-red);
}

body.rl-ai-readiness-page .rl-ai-results__cta a:focus-visible {
	outline: 3px solid var(--rl-scorecard-white);
	outline-offset: 3px;
}

body.rl-ai-readiness-page .rl-ai-results__disclaimer {
	margin: 1rem 0 0;
	color: var(--rl-scorecard-muted);
	font-size: 0.82rem;
	line-height: 1.5;
}

@media (max-width: 720px) {
	body.rl-ai-readiness-page .gform_wrapper .rl-ai-context-stage .gfield_radio,
	body.rl-ai-readiness-page .gform_wrapper .gfield_checkbox,
	body.rl-ai-readiness-page .rl-ai-results__signals {
		grid-template-columns: minmax(0, 1fr) !important;
	}

	body.rl-ai-readiness-page .rl-ai-results__overall {
		grid-template-columns: minmax(0, 1fr);
	}

	body.rl-ai-readiness-page .rl-ai-result-score {
		grid-template-columns: minmax(0, 1fr) auto;
	}

	body.rl-ai-readiness-page .rl-ai-result-score__track {
		grid-column: 1 / -1;
		grid-row: 2;
	}
}

@media (max-width: 520px) {
	body.rl-ai-readiness-page .rl-ai-results__overall-summary {
		grid-template-columns: minmax(0, 1fr);
	}
}