/*
Theme Name: SBR Run
Theme URI: https://sbr.run
Author: The Curve
Description: Dark navy and lime block theme for Sheffield Business Runners, matching the original sbr.run static site. Includes block styles for section titles, event cards, highlight boxes and session dates, plus patterns for events and past sessions.
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: sbr-run
*/

body {
	-webkit-font-smoothing: antialiased;
}

/* ---------- Header (logo + tagline) ---------- */

.sbr-header {
	text-align: center;
}

.sbr-header .wp-block-site-logo {
	margin-bottom: 0.75rem;
}

.sbr-header .wp-block-site-logo img {
	height: auto;
	max-width: 100%;
}

.sbr-header .wp-block-site-tagline {
	margin: 0;
	font-size: 1.125rem;
	font-weight: 600;
	letter-spacing: 0.02em;
	color: var(--wp--preset--color--muted);
}

/* Page title (e.g. "Track sessions") */
.sbr-page-title {
	margin-top: 2rem !important;
	text-align: center;
}

/* ---------- Content ---------- */

.sbr-content p {
	margin-top: 0;
	margin-bottom: 0.5rem;
}

.sbr-content ul {
	margin: 0 0 0 1.25rem;
	padding: 0;
}

.sbr-content li {
	margin-bottom: 0.5rem;
}

.sbr-content li:last-child {
	margin-bottom: 0;
}

/* Section: block spacing between top-level home sections */
.wp-block-group.is-style-sbr-section {
	margin-top: 2.5rem;
}

/* Divided section: compact section with a top rule ("Track sessions" on home) */
.wp-block-group.is-style-sbr-divided {
	margin-top: 2rem;
	padding-top: 1.5rem;
	border-top: 1px solid var(--wp--preset--color--surface);
}

/* Section title: lime heading with underline rule */
.wp-block-heading.is-style-sbr-section-title {
	margin: 0 0 1.25rem;
	padding-bottom: 0.625rem;
	border-bottom: 2px solid var(--wp--preset--color--surface);
	color: var(--wp--preset--color--lime);
	font-size: 1.375rem;
	font-weight: 700;
	letter-spacing: 0.01em;
}

h1.wp-block-heading.is-style-sbr-section-title {
	font-size: 1.625rem;
}

/* Label: small uppercase sub-heading inside cards */
.wp-block-heading.is-style-sbr-label {
	margin: 1rem 0 0.5rem;
	font-size: 1rem;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	color: var(--wp--preset--color--text);
}

.wp-block-heading.is-style-sbr-label-muted {
	margin: 0 0 1rem;
	font-size: 1rem;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	color: var(--wp--preset--color--muted);
}

/* Event card */
.wp-block-group.is-style-sbr-card {
	margin-top: 1.25rem;
	padding: 1.25rem 1.25rem 1.25rem;
	background: var(--wp--preset--color--surface);
	border-radius: 0.5rem;
}

.wp-block-group.is-style-sbr-card:first-child {
	margin-top: 0;
}

.wp-block-group.is-style-sbr-card > h3 {
	margin: 0 0 0.375rem;
}

/* Highlight box: surface background with lime left border */
.wp-block-group.is-style-sbr-highlight {
	margin-top: 1.5rem;
	padding: 1rem 1.25rem;
	background: var(--wp--preset--color--surface);
	border-left: 3px solid var(--wp--preset--color--lime);
	border-radius: 0.5rem;
}

.is-style-sbr-card .wp-block-group.is-style-sbr-highlight {
	background: var(--wp--preset--color--navy);
}

.wp-block-group.is-style-sbr-highlight > .is-style-sbr-label:first-child {
	margin-top: 0;
}

.wp-block-group.is-style-sbr-highlight p:last-child {
	margin-bottom: 0;
}

/* Date and time lines (muted, as rendered on the original site) */
p.is-style-sbr-date {
	margin: 0 0 0.25rem !important;
	font-size: 1.125rem;
	font-weight: 600;
	color: var(--wp--preset--color--muted);
}

p.is-style-sbr-time {
	margin: 0 0 1.5rem !important;
	font-weight: 600;
}

.is-style-sbr-card p.is-style-sbr-date {
	font-size: 1rem;
}

.is-style-sbr-card p.is-style-sbr-time {
	margin-bottom: 1.25rem !important;
	font-size: 0.9375rem;
	font-weight: 500;
	color: var(--wp--preset--color--muted);
}

/* Muted text */
p.is-style-sbr-muted,
.is-style-sbr-muted {
	color: var(--wp--preset--color--muted);
	font-size: 0.9375rem;
}

/* Past session entry */
.wp-block-group.is-style-sbr-past {
	margin: 0 0 1rem;
	padding: 0.75rem 0;
	opacity: 0.85;
}

.is-style-sbr-past p.is-style-sbr-date,
.is-style-sbr-past p.is-style-sbr-time {
	margin-bottom: 0.25rem !important;
	font-size: 0.9375rem;
}

.is-style-sbr-past p.is-style-sbr-muted {
	margin: 0;
	font-size: 0.875rem;
}

/* ---------- Footer (back link) ---------- */

.sbr-footer {
	max-width: 36rem;
	margin-left: auto !important;
	margin-right: auto !important;
	margin-top: 2rem;
	padding-top: 1.5rem;
	border-top: 1px solid var(--wp--preset--color--surface);
	text-align: center;
	font-size: 0.9375rem;
	color: var(--wp--preset--color--muted);
}

/* Header/footer are full-width shells; keep content column narrow. */
.wp-site-blocks > main {
	margin-top: 0;
}

/* Track page: current status block */
.sbr-track-current {
	margin-top: 1.5rem;
}

.sbr-track-current > h2 {
	margin: 0 0 0.25rem;
	font-size: 1.5rem;
}