/*
Theme Name: Unicorn Therapy
Theme URI: https://unicorntherapy.co.uk
Author: Unicorn Therapy and Coaching
Description: A block theme for Unicorn Therapy and Coaching. Warm white base, plum and raspberry brand colours drawn from the unicorn logo, rainbow accents used sparingly, and self-hosted Atkinson Hyperlegible and Bricolage Grotesque fonts (no Google Fonts requests).
Requires at least: 6.6
Tested up to: 6.9
Requires PHP: 7.4
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: unicorn-therapy
Tags: block-patterns, full-site-editing, accessibility-ready, custom-colors, one-column, wide-blocks
*/

/* Visible keyboard focus everywhere */
:where(a, button, input, select, textarea, .wp-element-button):focus-visible {
	outline: 3px solid var(--wp--preset--color--raspberry);
	outline-offset: 3px;
}

/* Skip link and screen-reader text keep WordPress defaults. */

/* Rainbow stripe: Separator block > Styles > Rainbow */
.wp-block-separator.is-style-rainbow {
	border: 0 !important;
	height: 6px !important;
	width: 100% !important;
	max-width: none !important;
	margin-top: 0;
	margin-bottom: 0;
	opacity: 1;
	background: linear-gradient(
		to right,
		#E8212B 0 16.66%,
		#FF7A00 16.66% 33.33%,
		#FFD400 33.33% 50%,
		#3CC43C 50% 66.66%,
		#1F7BE0 66.66% 83.33%,
		#8E24E0 83.33% 100%
	) !important;
}

/* Card: Group block > Styles > Card */
.wp-block-group.is-style-card {
	background-color: var(--wp--preset--color--white);
	border-radius: 20px;
	padding: clamp(1.5rem, 3vw, 2rem);
}

/* Outlined card: Group block > Styles > Outlined card */
.wp-block-group.is-style-card-outline {
	border: 2px solid var(--wp--preset--color--rose-line);
	border-radius: 20px;
	padding: clamp(1.5rem, 3vw, 2.25rem);
}

/* Photo placeholder: replace with an Image block */
.wp-block-group.is-style-placeholder {
	aspect-ratio: 4 / 5;
	max-width: 420px;
	border: 2px dashed #D98AAE;
	border-radius: 24px;
	background-color: var(--wp--preset--color--blush);
	color: var(--wp--preset--color--plum-soft);
	display: flex;
	align-items: center;
	justify-content: center;
}

/* Pills: List block > Styles > Pills */
.wp-block-list.is-style-pills {
	list-style: none;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem;
}
.wp-block-list.is-style-pills li {
	margin: 0;
	padding: 0.5rem 1.125rem;
	border-radius: 999px;
	background-color: var(--wp--preset--color--warm-white);
	color: var(--wp--preset--color--plum);
	font-size: var(--wp--preset--font-size--small);
}

/* Small coloured icon tile above card headings */
.ut-icon-tile {
	width: 52px;
	height: 52px;
	border-radius: 16px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.ut-icon-tile svg {
	width: 28px;
	height: 28px;
}

/* Numbered step badge */
.ut-step-number {
	width: 48px;
	height: 48px;
	border-radius: 999px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: var(--wp--preset--font-family--display);
	font-weight: 700;
	font-size: 1.375rem;
	color: var(--wp--preset--color--plum) !important;
	margin: 0;
}

/* Eyebrow label above headings */
.ut-eyebrow {
	font-weight: 700;
	letter-spacing: 0.04em;
}

/* Make rounded images in the hero behave */
.ut-hero-logo img {
	width: 100%;
	height: auto;
}

/* Rounded corners on post featured images */
.wp-block-post-featured-image img {
	border-radius: 20px;
}

@media (prefers-reduced-motion: reduce) {
	* {
		scroll-behavior: auto !important;
	}
}
html {
	scroll-behavior: smooth;
}