/* Footer-linked support pages parity styles */

.upjau-support-page {
	background: #fff;
	color: #002c04;
	font-family: var(--wp--preset--font-family--lato), Arial, Helvetica, sans-serif;
}

.upjau-support-page :where(p, li, a, input, textarea, button, label, summary) {
	font-family: var(--wp--preset--font-family--lato), Arial, Helvetica, sans-serif;
}

.upjau-support-page__title-band {
	background: #e3ffe4;
}

.upjau-support-page__title-band .alignwide,
.upjau-support-page__content-wide,
.upjau-support-page__faq-wrap,
.upjau-support-page__article-shell,
.upjau-support-page__about-shell,
.upjau-support-page__form-shell,
.upjau-support-page__contact-band-inner,
.upjau-support-page__quote-shell {
	width: min(100%, var(--upjau-layout-max));
	max-width: var(--upjau-layout-max);
	margin-left: auto;
	margin-right: auto;
	box-sizing: border-box;
}

.upjau-support-page .upjau-support-page__faq-group.is-layout-constrained > .wp-block-upjau-theme-faq,
.upjau-support-page .upjau-support-page__faq-group.is-layout-constrained > .upjau-faq,
.upjau-support-page .upjau-support-page__form-shell.is-layout-constrained > .wp-block-upjau-form,
.upjau-support-page .upjau-support-page__form-shell.is-layout-constrained > .upjau-managed-form {
	width: 100%;
	max-width: none;
	box-sizing: border-box;
}

.upjau-support-page__title-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 2rem;
}

.upjau-support-page__title-row--stack {
	display: block;
}

.upjau-support-page__title {
	margin: 0 !important;
	color: #16892f !important;
	font-family: var(--wp--preset--font-family--lato), Arial, Helvetica, sans-serif !important;
	font-size: 55px !important;
	font-weight: 900 !important;
	line-height: 1.08 !important;
	letter-spacing: -0.02em;
}

.upjau-support-page__breadcrumbs {
	margin: 0 !important;
	color: #002c04;
	font-size: 16px;
	line-height: 1.4;
	white-space: nowrap;
}

.upjau-support-page__title-row--stack .upjau-support-page__breadcrumbs {
	margin-top: 14px !important;
	white-space: normal;
}

.upjau-support-page__breadcrumbs a,
.upjau-support-page__breadcrumbs span {
	color: #16892f;
}

.upjau-support-page__intro-copy,
.upjau-support-page__article-shell :where(p, li) {
	font-size: 16px;
	line-height: 1.65;
	color: #002c04;
}

.upjau-support-page__intro-copy {
	max-width: 48rem;
	margin: 0 auto;
	text-align: center;
}

.upjau-support-page__about-copy,
.upjau-support-page__about-copy :where(p, li) {
	font-size: 16px;
	line-height: 1.75;
	color: #002c04;
}

.upjau-support-page__about-title,
.upjau-support-page__serif-title,
.upjau-support-page__faq-group-title {
	margin: 0 !important;
	color: #004d25 !important;
	font-family: var(--wp--preset--font-family--playfair-display), Georgia, serif !important;
	font-weight: 700 !important;
	line-height: 1.15 !important;
}

.upjau-support-page__about-title,
.upjau-support-page__serif-title {
	font-size: 56px !important;
}

.upjau-support-page__faq-group-title {
	font-size: 25px !important;
	text-align: center;
	letter-spacing: 0.01em;
	text-transform: uppercase;
	color: #dcefd8 !important;
}

.upjau-support-page__quote-text {
	max-width: 1030px;
	margin: 0 auto !important;
	color: #004d25;
	font-family: var(--wp--preset--font-family--lato), Arial, Helvetica, sans-serif;
	font-size: 27px;
	line-height: 1.45;
	text-align: center;
}

.upjau-support-page__quote-meta {
	font-size: 16px;
	color: #16892f;
	text-align: center;
}

.upjau-support-page__cta .wp-block-button__link,
.upjau-support-page__submit-wrap .wp-block-button__link {
	min-height: 56px;
	padding: 16px 36px;
	border-radius: 0 !important;
	border: 0;
	background: #16962f !important;
	color: #fff !important;
	font-family: var(--wp--preset--font-family--lato), Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.2;
	box-shadow: none;
	text-decoration: none;
}

.upjau-support-page__cta .wp-block-button__link:hover,
.upjau-support-page__cta .wp-block-button__link:focus-visible,
.upjau-support-page__submit-wrap .wp-block-button__link:hover,
.upjau-support-page__submit-wrap .wp-block-button__link:focus-visible {
	background: #16892f !important;
}

.upjau-support-page__about-grid {
	align-items: center;
	gap: 70px;
}

.upjau-support-page__about-image img {
	display: block;
	width: 100%;
	height: auto;
	object-fit: cover;
}

.upjau-support-page__trust-band {
	background: #004d25;
	color: #dcefd8;
}

.upjau-support-page__trust-band .wp-block-heading,
.upjau-support-page__trust-band p {
	color: inherit;
}

.upjau-support-page__trust-items {
	gap: 2rem;
}

.upjau-support-page__trust-item {
	text-align: center;
}

.upjau-support-page__trust-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 108px;
	height: 108px;
	color: #f9d923;
	margin-bottom: 28px;
}

.upjau-support-page__trust-icon svg {
	display: block;
	width: 100%;
	height: 100%;
}

.upjau-support-page__trust-item .wp-block-heading {
	font-family: var(--wp--preset--font-family--lato), Arial, Helvetica, sans-serif !important;
	font-size: 25px !important;
	font-weight: 400 !important;
	line-height: 1.25 !important;
	margin-bottom: 10px !important;
	color: #dcefd8 !important;
}

.upjau-support-page__trust-item p {
	font-size: 16px;
	line-height: 1.5;
	color: #dcefd8;
}

.upjau-support-page__contact-band {
	background: #f9d923;
	color: #004d25;
}

.upjau-support-page__contact-band-inner {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 3rem;
}

.upjau-support-page--contact {
	--upjau-support-contact-icon-size: clamp(5rem, 4.7125rem + 0.9583vw, 6rem);
	--upjau-support-contact-item-gap: clamp(1.125rem, 1.0172rem + 0.3594vw, 1.5rem);
}

.upjau-support-page__contact-band-item {
	display: grid;
	grid-template-columns: var(--upjau-support-contact-icon-size) minmax(0, 1fr);
	gap: var(--upjau-support-contact-item-gap);
	align-items: center;
}

.upjau-support-page__contact-band-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: var(--upjau-support-contact-icon-size);
	height: var(--upjau-support-contact-icon-size);
	color: #16962f;
	text-align: center;
	line-height: 0;
	flex-shrink: 0;
}

.upjau-support-page__contact-band-icon svg {
	display: block;
	width: 100%;
	height: 100%;
}

.upjau-support-page__contact-band-content {
	min-width: 0;
}

.upjau-support-page__contact-band-item .wp-block-heading {
	margin-bottom: 10px !important;
	color: #004d25 !important;
	font-family: var(--wp--preset--font-family--lato), Arial, Helvetica, sans-serif !important;
	font-size: 25px !important;
	font-weight: 700 !important;
}

.upjau-support-page__contact-band-item p,
.upjau-support-page__contact-band-item li,
.upjau-support-page__contact-band-item a {
	font-size: 16px;
	line-height: 1.55;
	color: #004d25;
}

.upjau-support-page__contact-band-item a {
	text-decoration: none;
}

.upjau-support-page__contact-band-item a:hover,
.upjau-support-page__contact-band-item a:focus-visible {
	text-decoration: underline;
}

.upjau-support-page__form-section-title,
.upjau-support-page__form-section-copy {
	max-width: 56rem;
	margin-left: auto !important;
	margin-right: auto !important;
	text-align: center;
	color: #004d25;
}

.upjau-support-page__form-section-title {
	font-family: var(--wp--preset--font-family--playfair-display), Georgia, serif !important;
	font-size: 58px !important;
	font-weight: 700 !important;
	line-height: 1.12 !important;
	margin-bottom: 18px !important;
}

.upjau-support-page__form-section-copy {
	font-size: 16px;
	line-height: 1.6;
}

.upjau-support-page__form-section-copy strong {
	font-weight: 700;
}

.upjau-support-page__form-shell .upjau-managed-form__label {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	font-family: var(--wp--preset--font-family--lato), Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.4;
	color: #002c04;
}

.upjau-support-page__form-shell .upjau-managed-form__required {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0.1rem 0.45rem;
	border-radius: 999px;
	background: rgba(22, 150, 47, 0.1);
	color: #16962f;
	font-size: 0.66rem;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	white-space: nowrap;
}

.upjau-support-page__form-shell .upjau-managed-form__response:empty {
	display: none;
}

.upjau-support-page__form-shell .upjau-managed-form__grid {
	display: flex;
	flex-wrap: wrap;
	gap: 26px 28px;
	margin: 0 !important;
	padding: 0;
}

.upjau-support-page__form-shell .upjau-managed-form__column {
	padding: 0 !important;
	box-sizing: border-box;
	flex: 0 0 100%;
	max-width: 100%;
}

.upjau-support-page__form-shell .upjau-managed-form__column--half {
	flex: 0 0 calc(50% - 14px);
	max-width: calc(50% - 14px);
}

.upjau-support-page__form-shell textarea,
.upjau-support-page__form-shell input[type='text'],
.upjau-support-page__form-shell input[type='email'],
.upjau-support-page__form-shell input[type='tel'],
.upjau-support-page__form-shell input[type='file'] {
	width: 100%;
	border: 1px solid #d8d8d8;
	border-radius: 0;
	background: #fff;
	padding: 16px 18px;
	color: #002c04;
	font-family: var(--wp--preset--font-family--lato), Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 1.4;
	box-sizing: border-box;
	box-shadow: none;
}

.upjau-support-page__form-shell textarea {
	min-height: 185px;
	resize: vertical;
}

.upjau-support-page__form-shell textarea::placeholder,
.upjau-support-page__form-shell input[type='text']::placeholder,
.upjau-support-page__form-shell input[type='email']::placeholder,
.upjau-support-page__form-shell input[type='tel']::placeholder {
	color: #9fb69a;
	opacity: 1;
}

.upjau-support-page__form-shell textarea:focus,
.upjau-support-page__form-shell input[type='text']:focus,
.upjau-support-page__form-shell input[type='email']:focus,
.upjau-support-page__form-shell input[type='tel']:focus,
.upjau-support-page__form-shell input[type='file']:focus {
	outline: none;
	border-color: #5acd73;
	box-shadow: none;
}

.upjau-support-page__form-shell .upjau-managed-form__submit-wrap {
	margin-top: 34px;
	text-align: center !important;
}

@media (max-width: 781px) {
	.upjau-support-page__form-shell .upjau-managed-form__label,
	.upjau-support-page__form-shell .upjau-managed-form__checkbox-label {
		align-items: flex-start;
	}
}

.upjau-support-page__form-shell button[type='submit'] {
	min-width: 164px;
	padding: 16px 34px;
	border: 0;
	border-radius: 0;
	background: #16962f;
	color: #fff;
	font-family: var(--wp--preset--font-family--lato), Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.2;
	cursor: pointer;
	box-shadow: none;
}

.upjau-support-page__article-shell .wp-block-heading,
.upjau-support-page__article-shell h4,
.upjau-support-page__article-shell h5,
.upjau-support-page__article-shell h6 {
	color: #004d25 !important;
	font-family: var(--wp--preset--font-family--lato), Arial, Helvetica, sans-serif !important;
}

.upjau-support-page__article-shell h4,
.upjau-support-page__article-shell .upjau-support-page__article-h4 {
	font-size: 25px !important;
	font-weight: 700 !important;
	line-height: 1.3 !important;
	margin: 0 0 20px !important;
}

.upjau-support-page__article-shell h5 {
	font-size: 20px !important;
	font-weight: 700 !important;
	line-height: 1.4 !important;
	margin: 0 0 14px !important;
}

.upjau-support-page__article-shell h6,
.upjau-support-page__article-shell .upjau-support-page__article-h6 {
	font-size: 16px !important;
	font-weight: 700 !important;
	line-height: 1.55 !important;
	margin: 0 0 12px !important;
}

.upjau-support-page__article-shell p,
.upjau-support-page__article-shell ul,
.upjau-support-page__article-shell ol {
	margin-top: 0;
	margin-bottom: 22px;
}

.upjau-support-page__article-shell ul,
.upjau-support-page__article-shell ol {
	padding-left: 22px;
}

.upjau-support-page__faq-section {
	background: #fff;
}

.upjau-support-page__faq-group {
	margin-bottom: 150px;
}

.upjau-support-page__faq-group:last-child {
	margin-bottom: 0;
}

.upjau-support-page__faq-group .wp-block-upjau-theme-faq {
	margin-top: 48px;
}

.upjau-support-page__faq-group .upjau-faq__title {
	display: none;
}

.upjau-support-page__faq-group .upjau-faq__items {
	border: 0;
	border-radius: 0;
	background: transparent;
}

.upjau-support-page__faq-group .upjau-faq__item {
	border-top: 1px solid #d9d9d9;
	background: transparent;
}

.upjau-support-page__faq-group .upjau-faq__item:first-child {
	border-top: 0;
}

.upjau-support-page__faq-group .upjau-faq__summary {
	padding: 16px 18px;
	background: #fff;
	color: #58595b;
	font-family: var(--wp--preset--font-family--lato), Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: 400;
	line-height: 1.45;
	border: 1px solid #d9d9d9;
	border-bottom: 0;
}

.upjau-support-page__faq-group .upjau-faq__item:last-child .upjau-faq__summary,
.upjau-support-page__faq-group .upjau-faq__item[open] .upjau-faq__summary {
	border-bottom: 0;
}

.upjau-support-page__faq-group .upjau-faq__item[open] > .upjau-faq__summary {
	background: #16892f;
	color: #fff;
	font-weight: 700;
}

.upjau-support-page__faq-group .upjau-faq__icon {
	width: auto;
	height: auto;
	border-radius: 0;
	background: transparent;
	font-size: 22px;
	line-height: 1;
	color: currentColor;
	transform: none;
}

.upjau-support-page__faq-group .upjau-faq__icon::before {
	content: '+';
	font-weight: 400;
}

.upjau-support-page__faq-group .upjau-faq__item[open] > .upjau-faq__summary .upjau-faq__icon {
	background: transparent;
	color: #fff;
	transform: none;
}

.upjau-support-page__faq-group .upjau-faq__item[open] > .upjau-faq__summary .upjau-faq__icon::before {
	content: '-';
	font-weight: 700;
}

.upjau-support-page__faq-group .upjau-faq__answer {
	padding: 18px 20px 22px;
	border: 1px solid #d9d9d9;
	border-top: 0;
	background: #fff;
	color: #58595b;
	font-size: 16px;
	line-height: 1.7;
}

.upjau-support-page__faq-group .upjau-faq__answer ul {
	list-style: disc;
	padding-left: 1.2rem;
}

.upjau-support-page__faq-group .upjau-faq__answer li {
	padding-left: 0;
	margin: 8px 0;
}

.upjau-support-page__faq-group .upjau-faq__answer li::before {
	display: none;
}

@media (max-width: 1100px) {
	.upjau-support-page__title {
		font-size: clamp(2.5rem, 2rem + 2vw, 55px) !important;
	}

	.upjau-support-page__about-title,
	.upjau-support-page__form-section-title,
	.upjau-support-page__serif-title {
		font-size: clamp(2.25rem, 1.8rem + 1.6vw, 56px) !important;
	}

	.upjau-support-page__about-grid {
		gap: 42px;
	}
}

@media (max-width: 781px) {
	.upjau-support-page__title-row {
		display: block;
	}

	.upjau-support-page__breadcrumbs {
		margin-top: 12px !important;
		white-space: normal;
	}

	.upjau-support-page__contact-band-inner {
		grid-template-columns: 1fr;
		gap: 2.5rem;
	}

	.upjau-support-page--contact {
		--upjau-support-contact-icon-size: clamp(4rem, 3.7132rem + 1.2255vw, 4.5rem);
		--upjau-support-contact-item-gap: 1rem;
	}

	.upjau-support-page__contact-band-item {
		align-items: start;
	}

	.upjau-support-page__about-grid,
	.upjau-support-page__trust-items {
		flex-direction: column;
	}

	.upjau-support-page__form-shell .upjau-managed-form__column--half {
		flex: 0 0 100%;
		max-width: 100%;
	}

	.upjau-support-page__faq-group {
		margin-bottom: 90px;
	}

	.upjau-support-page__faq-group .upjau-faq__summary {
		font-size: 17px;
	}
}
