/*
Theme Name: Therapy International
Description: Calm, legible block theme for Therapy International speech pathology. Prototype.
Version: 0.1.0
Requires at least: 6.6
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: therapy-international
*/

/* Most styling lives in theme.json. This file holds what theme.json can't express. */

.skip-link:focus {
	position: fixed;
	top: 0.5rem;
	left: 0.5rem;
	z-index: 1000;
	clip: auto;
	width: auto;
	height: auto;
	padding: 0.75rem 1rem;
	background: #fff;
	color: var(--wp--preset--color--primary-dark);
	font-weight: 700;
}

:where(a, button, .wp-element-button, input, summary):focus-visible {
	outline: 3px solid var(--wp--preset--color--accent);
	outline-offset: 3px;
	border-radius: 2px;
}

/* Underlined links read as links, but keep nav and buttons clean. */
.wp-block-navigation a,
.wp-element-button { text-decoration: none; }
.wp-block-navigation a:hover,
.wp-block-navigation .current-menu-item > a { text-decoration: underline; text-underline-offset: 0.3em; }

/* Links on dark bands. */
.has-primary-background-color a:not(.wp-element-button),
.has-primary-dark-background-color a:not(.wp-element-button) { color: #fff; }

/* Secondary (outline) buttons on dark bands. */
.is-style-outline > .wp-element-button { border: 2px solid currentColor; }
.has-primary-background-color .is-style-outline > .wp-element-button:hover,
.has-primary-dark-background-color .is-style-outline > .wp-element-button:hover {
	background: #fff;
	color: var(--wp--preset--color--primary-dark);
}

/* Cards stretch to equal height in a row. */
.ti-card { height: 100%; }

/* Ticked list for "At a glance". */
.ti-ticks { list-style: none; padding-left: 0; }
.ti-ticks li { position: relative; padding-left: 2rem; margin-block: 0.5rem; }
.ti-ticks li::before {
	content: "";
	position: absolute;
	left: 0.25rem;
	top: 0.35em;
	width: 0.45rem;
	height: 0.8rem;
	border: solid var(--wp--preset--color--primary);
	border-width: 0 3px 3px 0;
	transform: rotate(45deg);
}

@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}

/* Header, main, CTA band and footer butt up against each other. */
.wp-site-blocks > * { margin-block-start: 0; }