/*
Theme Name: Mason Football
Theme URI: https://example.com
Author: Russell Brown
Author URI: https://russellbrown.me
Description: Custom block theme for Mason Football.
Requires at least: 6.5
Tested up to: 6.7
Requires PHP: 8.0
Version: 0.1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: mason-football
*/

/* Header / nav */
.mason-header {
	flex-wrap: nowrap;
}

.mason-header-col {
	min-width: 0;
}

.mason-header-col--start,
.mason-header-col--end {
	flex: 0 0 80px;
}

.mason-header-col--start {
	justify-content: flex-start;
}

.mason-header-col--center {
	flex: 1 1 auto;
	justify-content: center;
}

.mason-header-col--end {
	justify-content: flex-end;
}

.wp-block-site-logo img {
	display: block;
	height: auto;
}

.wp-block-navigation a.wp-block-navigation-item__content {
	color: var(--wp--preset--color--stardust, #F2F2F2);
	font-weight: 600;
	text-transform: uppercase;
	text-decoration: none;
	border-bottom: 3px solid transparent;
	padding-bottom: 4px;
	transition: border-color 0.15s ease;
}

.wp-block-navigation a.wp-block-navigation-item__content:hover {
	border-bottom-color: var(--wp--preset--color--stardust, #F2F2F2);
}

.wp-block-cover {
	margin-top: 0px !important;
}

/* Next game banner + countdown */
.mason-next-game-banner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 16px;
	box-sizing: border-box;
	max-width: 100%;
	margin-left: 0 !important;
	margin-right: 0 !important;
	padding-left: 70px;
	padding-right: 20px;
	margin-bottom: 20px;
}

.mason-next-game-title {
	margin: 0;
	font-family: var(--wp--preset--font-family--industry);
	font-weight: 900;
	text-transform: uppercase;
	color: var(--wp--preset--color--velocity-green, #00694E);
	font-size: 1.5rem;
}

.mason-next-game-countdown-wrap {
	display: flex;
	align-items: center;
	gap: 16px;
	flex-wrap: wrap;
	/* Push to the far right regardless of any stray empty <p> elements
	   wpautop injects into the shortcode output (they become invisible
	   extra flex children and break space-between's positioning). */
	margin-left: auto;
}

.mason-next-game-label {
	font-weight: 700;
	text-transform: uppercase;
	font-size: 0.8rem;
	letter-spacing: 0.03em;
	color: var(--wp--preset--color--velocity-green, #00694E);
}

.mason-countdown {
	display: flex;
	gap: 8px;
}

.mason-countdown-box {
	background: var(--wp--preset--color--carbon, #3C403C);
	color: #fff;
	border-radius: 8px;
	min-width: 60px;
	padding: 8px 6px;
	text-align: center;
}

.mason-countdown-value {
	font-family: var(--wp--preset--font-family--industry);
	font-weight: 900;
	font-size: 1.4rem;
	line-height: 1;
}

.mason-countdown-unit-label {
	display: block;
	font-size: 0.65rem;
	text-transform: uppercase;
	letter-spacing: 0.03em;
	color: var(--wp--preset--color--galaxy-gray, #D9D9D9);
	margin-top: 4px;
}

/* Schedule widget (card carousel) */
.mason-schedule-widget {
	display: flex;
	align-items: center;
	gap: 16px;
	max-width: 100%;
}

.mason-schedule-track {
	display: flex;
	gap: 16px;
	overflow-x: auto;
	scroll-behavior: smooth;
	scroll-snap-type: x mandatory;
	padding: 4px 2px;
	flex: 1;
}

.mason-schedule-track::-webkit-scrollbar {
	display: none;
}

.mason-schedule-card {
	scroll-snap-align: start;
	flex: 0 0 300px;
	background: var(--wp--preset--color--stardust, #F2F2F2);
	border-radius: 12px;
	padding: 20px;
}

.mason-schedule-date {
	font-size: 0.75rem;
	font-weight: 800;
	letter-spacing: 0.02em;
	color: var(--wp--preset--color--contrast, #1A1A1A);
	margin-bottom: 16px;
}

.mason-schedule-time {
	font-weight: 500;
	color: #6b6f6d;
	margin-left: 4px;
}

.mason-schedule-body {
	display: flex;
	align-items: center;
	gap: 14px;
}

.mason-schedule-logo {
	flex: 0 0 48px;
	width: 48px;
	height: 48px;
	border-radius: 50%;
	background: var(--wp--preset--color--velocity-green, #00694E);
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 800;
	font-size: 1.1rem;
}

.mason-schedule-logo--image {
	background: #fff;
	border: none;
	box-sizing: border-box;
	overflow: hidden;
	border-radius: 50%;
}

.mason-schedule-logo--image img {
	display: block;
	width: 100%;
	height: 100%;
	max-width: none;
	max-height: none;
	border-radius: 50%;
	object-fit: cover;
}

.mason-schedule-team {
	margin: 0 0 2px;
	font-family: var(--wp--preset--font-family--industry);
	font-weight: 900;
	font-size: 1.25rem;
	text-transform: uppercase;
	color: var(--wp--preset--color--lgl-green, #024230);
}

.mason-schedule-opponent {
	margin: 0;
	font-weight: 600;
	font-size: 1rem;
	color: var(--wp--preset--color--contrast, #1A1A1A);
}

.mason-schedule-arrow {
	flex: 0 0 40px;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	border: none;
	background: var(--wp--preset--color--carbon, #3C403C);
	color: #fff;
	font-size: 1.1rem;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
}

.mason-schedule-arrow:hover {
	background: var(--wp--preset--color--lgl-green, #024230);
}