/*
Theme Name: Phoenix Project
Theme URI: https://www.phoenixprojectdofe.co.uk/
Description: A lightweight block theme for The Phoenix Project. Every page, the header and the footer are edited in the standard WordPress editor – no page builder needed.
Version: 1.0.0
Requires at least: 6.6
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: phoenix
*/

/* Small touches theme.json can't express. Colours and sizes live in theme.json. */

.site-header {
	position: sticky;
	top: 0;
	z-index: 50;
}
.admin-bar .site-header { top: 32px; }
@media (max-width: 782px) { .admin-bar .site-header { top: 0; position: relative; } }

/* "Card" style for Group blocks – choose it in the block's Styles panel. */
.wp-block-group.is-style-card {
	background: var(--wp--preset--color--base);
	border: 1px solid var(--wp--preset--color--line);
	border-radius: 16px;
	box-shadow: var(--wp--preset--shadow--card);
	padding: var(--wp--preset--spacing--40);
}

/* "Eyebrow" style for Paragraph blocks – small label above a heading. */
p.is-style-eyebrow {
	font-size: var(--wp--preset--font-size--small);
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--wp--preset--color--flame);
}
.has-ink-background-color p.is-style-eyebrow,
.wp-block-cover p.is-style-eyebrow { color: var(--wp--preset--color--gold); }

/* "Big number" style for Paragraph blocks – used for stats. */
p.is-style-stat {
	font-size: clamp(2.25rem, 5vw, 3rem);
	line-height: 1;
	color: var(--wp--preset--color--flame);
	font-weight: 800;
	margin: 0;
}

/* "Step" style for Paragraph blocks – the round number in "How it works". */
p.is-style-step {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.5rem;
	height: 2.5rem;
	border-radius: 50%;
	background: var(--wp--preset--color--gold);
	color: var(--wp--preset--color--ink);
	font-weight: 700;
	margin: 0;
}

/* FAQ accordions */
.wp-block-details summary {
	cursor: pointer;
	font-weight: 600;
	font-size: var(--wp--preset--font-size--large);
}
.wp-block-details[open] summary { margin-bottom: var(--wp--preset--spacing--20); }

/* Tables */
.wp-block-table table { border-collapse: collapse; width: 100%; }
.wp-block-table th,
.wp-block-table td { border: 0; border-bottom: 1px solid var(--wp--preset--color--line); padding: 0.75rem 0.5rem; text-align: left; vertical-align: top; }
.wp-block-table thead { border-bottom: 2px solid var(--wp--preset--color--ink); }

/* Outline buttons on dark backgrounds */
.wp-block-cover .wp-block-button.is-style-outline .wp-block-button__link,
.has-ink-background-color .wp-block-button.is-style-outline .wp-block-button__link {
	color: var(--wp--preset--color--base);
	border-color: currentColor;
}
.wp-block-button.is-style-outline .wp-block-button__link:hover {
	background: var(--wp--preset--color--base);
	color: var(--wp--preset--color--ink);
}

/* Footer links */
.site-footer a { color: inherit; }

/* Placeholder text the team needs to fill in */
.is-style-todo {
	background: #FFF4D6;
	border-left: 4px solid var(--wp--preset--color--gold);
	padding: 0.75rem 1rem;
}

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

/* Header on small screens */
.site-header .wp-block-button__link { white-space: nowrap; }
@media (max-width: 600px) {
	.site-header .wp-block-image img { width: 150px !important; }
	.site-header .wp-block-button__link { padding: 0.5rem 1rem; }
}

/* Breathing room above headings inside page content */
.wp-block-post-content > h2.wp-block-heading { margin-top: var(--wp--preset--spacing--50); }

/* Footer link lists without bullets */
.site-footer ul { list-style: none; padding-left: 0; }
.site-footer li + li { margin-top: 0.35rem; }

/* Use the menu button up to tablet width so the header never wraps. */
@media (min-width: 600px) and (max-width: 1000px) {
	.site-header .wp-block-navigation__responsive-container-open:not(.always-shown) { display: flex; }
	.site-header .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) { display: none; }
}