/*
Theme Name: Thrive (Blocksy child)
Theme URI: https://example.org/thrive
Template: blocksy
Author: Thrive Youth Voice
Description: Brand layer for Thrive Youth Voice on top of Blocksy. Ships the palette, typography and a set of editable block patterns — hero, activity pillars, impact figures, governance flow, safeguarding and listings. No copy is written into code: every pattern is edited in the block editor after you insert it.
Version: 1.0.0
Requires at least: 6.6
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: thrive-blocksy
Tags: charity, nonprofit, youth, block-patterns, accessibility-ready, blocksy
*/

/* ---------------------------------------------------------------
   Everything below styles the optional block styles this theme
   registers. Colours, fonts and spacing come from theme.json and
   the Customizer, so they are changed in the dashboard, not here.
---------------------------------------------------------------- */

/* Card — rounded panel used for pillars, facts and safeguarding */
.wp-block-group.is-style-thrive-card,
.wp-block-column.is-style-thrive-card {
	border-radius: 22px;
	padding: clamp(1.5rem, 3vw, 2rem);
	height: 100%;
	box-sizing: border-box;
}

/* Stat — card with a coloured rule across the top.
   Change the rule's colour per block with the Border controls. */
.wp-block-column.is-style-thrive-stat,
.wp-block-group.is-style-thrive-stat {
	border-radius: 22px;
	border-top: 5px solid var(--wp--preset--color--teal);
	padding: clamp(1.25rem, 2.5vw, 1.9rem);
	background: var(--wp--preset--color--base);
	box-sizing: border-box;
}

/* Eyebrow — the small uppercase label above a heading */
.wp-block-heading.is-style-thrive-eyebrow,
p.is-style-thrive-eyebrow {
	font-size: 0.8125rem;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	margin-bottom: 0.5rem;
}

/* Pill — a small rounded badge */
.is-style-thrive-pill {
	display: inline-block;
	padding: 0.45rem 1.1rem;
	border-radius: 999px;
	font-size: 0.8125rem;
	font-weight: 700;
	letter-spacing: 0.07em;
	text-transform: uppercase;
}

/* Quote — testimonial panel */
.wp-block-quote.is-style-thrive-quote {
	border: 0;
	border-top: 5px solid var(--wp--preset--color--yellow);
	border-radius: 22px;
	background: var(--wp--preset--color--base);
	padding: clamp(1.5rem, 3vw, 2.25rem);
	font-style: normal;
}

/* Rounded media */
.wp-block-image.is-style-thrive-rounded img,
.wp-block-cover.is-style-thrive-rounded {
	border-radius: 24px;
	overflow: hidden;
}

/* Placeholder — a labelled empty box where a photo or logo goes */
.wp-block-group.is-style-thrive-placeholder {
	border: 1.5px dashed var(--wp--preset--color--line);
	border-radius: 22px;
	background: var(--wp--preset--color--light-grey);
	min-height: 180px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding: 1.5rem;
	box-sizing: border-box;
}

/* Flow arrow between governance steps: turns to point down on phones */
.thrive-flow-arrow { display: flex; align-items: center; justify-content: center; }
@media (max-width: 781px) {
	.thrive-flow-arrow { transform: rotate(90deg); }
}

/* Keep focus visible wherever Blocksy or a block removes it */
:where(a, button, input, select, textarea):focus-visible {
	outline: 3px solid var(--wp--preset--color--indigo);
	outline-offset: 3px;
}