/* ========================================================================== 
   Design review global polish
   ========================================================================== */

html {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
}

body {
	margin: 0;
	text-wrap: pretty;
}

:where(p, li, dd, figcaption) {
	text-wrap: pretty !important;
}

:where(h1, h2, h3, h4, h5, h6, blockquote, q),
.tt-home-user-stories-card__quote,
.tt-site-header__quote-copy {
	text-wrap: balance !important;
}

:where(
	a[href],
	button,
	input,
	select,
	textarea,
	summary,
	[role="button"],
	[role="tab"],
	[tabindex]:not([tabindex="-1"])
):focus-visible {
	outline: 2px solid #ffb85d !important;
	outline-offset: 2px !important;
}

/* ========================================================================== 
   Design review button update
   Remove CTA arrows and match current design padding without touching nav.
   ========================================================================== */

:where(
	.tt-btn,
	.tt-download-button,
	.tt-home-final-footer__cta-button
) {
	gap: 0;
	padding-inline: 16px;
}

:where(
	.tt-home-try-talktype-card__button,
	.tt-funding-routes__button,
	.tt-trial-cta__button,
	.tt-2-column-cm__button,
	.tt-eg-2-col__button
) {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0;
	min-height: 40px;
	padding-inline: 12px;
}

.tt-trial-cta__button-label {
	padding: 0;
}

:where(
	.tt-home-try-talktype-card__button-icon,
	.tt-2-column-cm__button-icon,
	.tt-trial-cta__button-icon,
	.tt-eg-2-col__button > svg
) {
	display: none !important;
}

.tt-funding-routes__button > span[aria-hidden="true"] {
	display: none !important;
}

/* ========================================================================== 
   Design review footer background update
   position page wrapper lower and add background image.
   ========================================================================== */
.tt-assessors, .tt-individual-funding, .tt-contact-us {
	position: relative;
	margin-top: -11.5rem;
	bottom: -11.5rem;
	padding-bottom: 11.5rem;
	background: url("/wp-content/uploads/2026/06/tt-footer-fade.png") center bottom / contain no-repeat;
}
