/*
 * Scout Core Design System
 * Shared tokens and responsive refinements for all Scout widgets.
 */

:root {
	--scout-font: "proxima-nova", "Proxima Nova", Arial, sans-serif;

	--scout-navy: #06172a;
	--scout-text: #17202a;
	--scout-text-muted: #606a74;
	--scout-yellow: #f2c500;
	--scout-light-gray: #f4f2ef;
	--scout-border: #d8d8d8;
	--scout-white: #ffffff;

	--scout-radius: 8px;
	--scout-shadow: 0 12px 34px rgba(0, 0, 0, .16);
	--scout-transition: .24s ease;

	--scout-content-width: 1180px;
	--scout-wide-width: 1480px;

	--scout-section-space: 88px;
	--scout-section-space-tablet: 68px;
	--scout-section-space-mobile: 52px;
}

/* Force Proxima Nova throughout every Scout component. */
[class*="scout-"],
[class*="scout-"] * {
	font-family: var(--scout-font) !important;
}

/* Keep icons and pseudo-icon fonts from being overwritten. */
[class*="scout-"] .fa,
[class*="scout-"] .fas,
[class*="scout-"] .far,
[class*="scout-"] .fab,
[class*="scout-"] [class*="eicon-"] {
	font-family: inherit;
}

/* Shared typography. */
[class*="scout-"] h1,
[class*="scout-"] h2,
[class*="scout-"] h3,
[class*="scout-"] h4,
[class*="scout-"] p {
	overflow-wrap: anywhere;
}

[class*="scout-"] h1,
[class*="scout-"] h2 {
	letter-spacing: -.025em;
}

[class*="scout-"] p {
	line-height: 1.55;
}

/* Shared link and button behavior. */
[class*="scout-"] a,
[class*="scout-"] button {
	transition:
		background-color var(--scout-transition),
		border-color var(--scout-transition),
		color var(--scout-transition),
		transform var(--scout-transition),
		box-shadow var(--scout-transition);
}

[class*="scout-"] button,
[class*="scout-"] input,
[class*="scout-"] select,
[class*="scout-"] textarea {
	font-family: var(--scout-font) !important;
}

[class*="scout-"] button:focus-visible,
[class*="scout-"] a:focus-visible,
[class*="scout-"] input:focus-visible,
[class*="scout-"] select:focus-visible,
[class*="scout-"] textarea:focus-visible {
	outline: 3px solid rgba(242, 197, 0, .55);
	outline-offset: 3px;
}

/* Shared image behavior. */
[class*="scout-"] img {
	max-width: 100%;
}

[class*="scout-"] img:not([width]):not([height]) {
	height: auto;
}

/* Prevent Elementor containers from introducing horizontal overflow. */
.elementor-widget-container > [class*="scout-"] {
	max-width: 100%;
	overflow-x: clip;
}

/* Shared form refinements. */
.scout-native-form__field,
.scout-hero-form__field,
.scout-estimator__lead-form label {
	border-radius: 0;
}

.scout-native-form__field input,
.scout-native-form__field select,
.scout-native-form__field textarea,
.scout-hero-form__field input,
.scout-hero-form__field select,
.scout-hero-form__field textarea,
.scout-estimator__lead-form input {
	min-height: 22px;
}

.scout-native-form__submit,
.scout-hero-form__form-submit,
.scout-estimator__submit,
.scout-estimator__modal-submit,
.scout-estimator__result-primary,
.scout-process__primary,
.scout-boxed-strip a,
.scout-ecosystem-grid__button {
	-webkit-appearance: none;
	appearance: none;
}

/* Desktop consistency. */
.scout-team-grid__inner,
.scout-contact-strip,
.scout-boxed-strip__inner,
.scout-ecosystem-grid__inner,
.scout-image-stack__inner,
.scout-process__inner {
	margin-inline: auto;
}

/* Tablet refinements. */
@media (max-width: 1024px) {
	:root {
		--scout-section-space: var(--scout-section-space-tablet);
	}

	/* Hero layouts */
	.scout-hero-form__inner,
	.scout-estimator__inner,
	.scout-native-form--background-form .scout-native-form__inner,
	.scout-native-form--split-contact .scout-native-form__inner {
		grid-template-columns: 1fr !important;
		row-gap: 48px !important;
	}

	.scout-hero-form__content,
	.scout-estimator__copy,
	.scout-native-form__copy {
		max-width: 680px !important;
	}

	.scout-hero-form__card,
	.scout-estimator__form-card,
	.scout-native-form__card {
		width: 100% !important;
		max-width: 620px !important;
	}

	/* Process and split-image sections */
	.scout-process__inner {
		grid-template-columns: 1fr !important;
	}

	.scout-process--image-right .scout-process__image {
		order: 0 !important;
	}

	.scout-process__image img {
		height: 520px;
	}

	/* Ecosystem */
	.scout-ecosystem-grid__inner {
		grid-template-columns: 1fr !important;
	}

	.scout-ecosystem-grid__content {
		max-width: 720px !important;
	}

	/* Boxed strip */
	.scout-boxed-strip__box {
		grid-template-columns: 1fr !important;
	}

	.scout-boxed-strip__intro {
		padding-right: 0 !important;
		padding-bottom: 24px;
		border-right: 0 !important;
		border-bottom: 1px solid var(--scout-border);
	}

	.scout-boxed-strip__features {
		margin-top: 24px;
	}

	/* Image stack boxed row */
	.scout-image-stack__boxed-strip {
		grid-template-columns: 1fr !important;
	}

	.scout-image-stack__boxed-intro {
		padding-right: 0 !important;
		padding-bottom: 22px;
		border-right: 0 !important;
		border-bottom: 1px solid var(--scout-border);
	}

	/* Dark form bar */
	.scout-native-form--dark-bar .scout-native-form__card {
		grid-template-columns: 1fr !important;
	}

	.scout-native-form--dark-bar .scout-native-form__form {
		grid-template-columns: 1fr !important;
	}
}

/* Mobile refinements. */
@media (max-width: 767px) {
	:root {
		--scout-section-space: var(--scout-section-space-mobile);
	}

	/* Global mobile widths. */
	.scout-team-grid__inner,
	.scout-boxed-strip__inner,
	.scout-ecosystem-grid__inner,
	.scout-image-stack__inner,
	.scout-image-stack__top-inner,
	.scout-hero-form__inner,
	.scout-estimator__inner,
	.scout-native-form__inner {
		width: calc(100% - 32px) !important;
	}

	/* Large headings */
	.scout-hero-form h1,
	.scout-estimator__copy h2,
	.scout-native-form__copy h2,
	.scout-process h2,
	.scout-ecosystem-grid h2,
	.scout-image-stack__top-content h2 {
		font-size: clamp(40px, 12vw, 52px) !important;
		line-height: 1.02 !important;
	}

	/* Full-width CTA buttons */
	.scout-native-form__submit,
	.scout-hero-form__form-submit,
	.scout-estimator__submit,
	.scout-estimator__modal-submit {
		width: 100%;
	}

	/* Hero */
	.scout-hero-form__inner,
	.scout-estimator__inner {
		padding-top: 82px !important;
		padding-bottom: 52px !important;
	}

	.scout-hero-form__body,
	.scout-estimator__copy p {
		font-size: 16px !important;
	}

	.scout-hero-form__stats {
		grid-template-columns: 1fr !important;
		gap: 0 !important;
	}

	.scout-hero-form__stat {
		padding: 18px 0 !important;
		border-right: 0 !important;
		border-bottom: 1px solid rgba(255,255,255,.4);
	}

	.scout-hero-form__stat:last-child {
		border-bottom: 0;
	}

	/* Form cards */
	.scout-hero-form__card,
	.scout-estimator__form-card,
	.scout-native-form__card {
		padding: 30px 22px 24px !important;
		border-radius: 6px;
	}

	.scout-native-form--split-contact .scout-native-form__fields,
	.scout-native-form--dark-bar .scout-native-form__fields {
		grid-template-columns: 1fr !important;
	}

	.scout-native-form--split-contact .scout-native-form__field,
	.scout-native-form--dark-bar .scout-native-form__field {
		grid-column: auto !important;
	}

	.scout-native-form__copy-actions {
		display: grid !important;
		grid-template-columns: 1fr !important;
	}

	.scout-native-form__copy-primary,
	.scout-native-form__copy-secondary {
		width: 100%;
	}

	/* Estimate modal */
	.scout-estimator__modal {
		padding: 0 !important;
	}

	.scout-estimator__modal-dialog {
		width: 100% !important;
		height: 100dvh !important;
		max-height: 100dvh !important;
		border-radius: 0 !important;
	}

	.scout-estimator__services-pane {
		padding: 54px 18px 0 !important;
	}

	.scout-estimator__modal-actions {
		margin-inline: -18px !important;
		padding: 14px 18px calc(14px + env(safe-area-inset-bottom)) !important;
	}

	.scout-estimator__service {
		grid-template-columns: 70px minmax(0, 1fr) 42px !important;
		gap: 10px !important;
	}

	.scout-estimator__service-image img,
	.scout-estimator__service-placeholder {
		width: 70px !important;
		height: 66px !important;
	}

	.scout-estimator__service-price {
		grid-column: 2 !important;
		text-align: left !important;
	}

	.scout-estimator__service-check {
		grid-column: 3 !important;
		grid-row: 1 / span 2 !important;
	}

	/* Process */
	.scout-process__image img {
		height: 420px !important;
	}

	.scout-process__content {
		padding: 52px 24px !important;
	}

	.scout-process__actions {
		display: grid !important;
		grid-template-columns: 1fr !important;
	}

	.scout-process__primary,
	.scout-process__secondary {
		width: 100%;
	}

	.scout-process__step {
		grid-template-columns: 42px 1fr !important;
	}

	/* Ecosystem */
	.scout-ecosystem-grid {
		padding-block: 60px !important;
	}

	.scout-ecosystem-grid__cards {
		grid-template-columns: 1fr !important;
	}

	.scout-ecosystem-grid__card {
		min-height: 220px !important;
	}

	.scout-ecosystem-grid__logo img {
		max-height: 78px !important;
	}

	/* Team */
	.scout-team-grid__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		column-gap: 16px !important;
		row-gap: 30px !important;
	}

	.scout-team-grid__image-wrap {
		height: 190px !important;
	}

	/* Contact strip */
	.scout-contact-strip {
		padding: 18px 22px !important;
	}

	.scout-contact-strip__grid {
		grid-template-columns: 1fr !important;
	}

	.scout-contact-strip .item {
		min-height: 0 !important;
		padding: 22px 0 !important;
		border-right: 0 !important;
		border-bottom: 1px solid var(--scout-border);
	}

	.scout-contact-strip .item:last-child {
		border-bottom: 0 !important;
	}

	/* Boxed feature strip */
	.scout-boxed-strip__box {
		padding: 26px 22px !important;
	}

	.scout-boxed-strip__features {
		grid-template-columns: 1fr !important;
	}

	.scout-boxed-strip__feature {
		padding: 18px 0 !important;
		border-right: 0 !important;
		border-bottom: 1px solid var(--scout-border);
	}

	.scout-boxed-strip__feature:last-child {
		border-bottom: 0;
	}

	/* Image content stack */
	.scout-image-stack__feature-grid,
	.scout-image-stack__split,
	.scout-image-stack__stats,
	.scout-image-stack__boxed-grid {
		grid-template-columns: 1fr !important;
	}

	.scout-image-stack__feature-grid .scout-image-stack__feature,
	.scout-image-stack__boxed-grid .scout-image-stack__feature,
	.scout-image-stack__stat {
		padding: 18px 0 !important;
		border-right: 0 !important;
		border-bottom: 1px solid var(--scout-border);
	}

	.scout-image-stack__image {
		min-height: 460px !important;
	}

	/* Resources/blog */
	.scout-blog-archive__grid {
		grid-template-columns: 1fr !important;
	}

	.scout-blog-archive--featured-first .scout-blog-card--featured {
		display: block !important;
		grid-column: auto !important;
	}

	/* Keep long rows scrollable rather than overflowing. */
	.scout-testimonials,
	.scout-resource-grid,
	.scout-card-grid {
		max-width: 100%;
		overflow-x: clip;
	}
}

/* Small phones */
@media (max-width: 480px) {
	.scout-team-grid__grid {
		grid-template-columns: 1fr !important;
	}

	.scout-team-grid__image-wrap {
		height: 300px !important;
	}

	.scout-hero-form h1,
	.scout-estimator__copy h2,
	.scout-native-form__copy h2,
	.scout-process h2,
	.scout-ecosystem-grid h2 {
		font-size: 40px !important;
	}

	.scout-estimator__result-grid {
		grid-template-columns: 1fr !important;
	}
}

/* Reduced motion accessibility. */
@media (prefers-reduced-motion: reduce) {
	[class*="scout-"] *,
	[class*="scout-"] *::before,
	[class*="scout-"] *::after {
		scroll-behavior: auto !important;
		transition-duration: .01ms !important;
		animation-duration: .01ms !important;
		animation-iteration-count: 1 !important;
	}
}