/**
 * GPL Season Countdown — compact header block (transparent background).
 */

.wp-block-gpl-season-countdown,
.gpl-season-countdown {
	box-sizing: border-box;
	display: inline-flex;
	align-items: center;
	align-self: center;
	vertical-align: middle;
	height: auto;
	min-height: 0;
	width: auto;
	max-width: 100%;
	margin: 0;
	padding: 0;
	background: transparent;
	border: none;
	cursor: pointer;
	font-family: var(--gpl-sc-font-family, inherit);
	text-align: left;
	-webkit-tap-highlight-color: transparent;
}

.wp-block-gpl-season-countdown.aligncenter {
	display: flex;
	margin-left: auto;
	margin-right: auto;
}

.wp-block-gpl-season-countdown.alignright {
	display: flex;
	margin-left: auto;
	margin-right: 0;
}

.wp-block-gpl-season-countdown.alignleft {
	display: flex;
	margin-right: auto;
	margin-left: 0;
}

.gpl-season-countdown--align-center {
	display: flex;
	margin-left: auto;
	margin-right: auto;
}

.gpl-season-countdown--align-right {
	display: flex;
	margin-left: auto;
	margin-right: 0;
}

.gpl-season-countdown--align-left {
	display: inline-flex;
	margin-left: 0;
	margin-right: auto;
}

.gpl-season-countdown:focus {
	outline: none;
}

.gpl-season-countdown:focus-visible {
	outline: 2px solid var(--gpl-sc-focus-color, #f2b452);
	outline-offset: 2px;
}

.gpl-season-countdown__inner {
	position: relative;
	width: auto;
	max-width: 100%;
}

.gpl-season-countdown__face {
	display: none;
	flex-direction: row;
	align-items: center;
	gap: var(--gpl-sc-label-gap, 12px);
	max-height: var(--gpl-sc-max-content-height, 35px);
	overflow: hidden;
	width: auto;
}

.gpl-season-countdown__face.is-active {
	display: flex;
}

.gpl-season-countdown.is-switching .gpl-season-countdown__face.is-active {
	opacity: 0.65;
}

.gpl-season-countdown__label {
	flex: 0 0 auto;
	text-align: right;
	white-space: pre-line;
}

/* Editor preview (single face) — live site uses per-block #id rules + dual faces */
.gpl-season-countdown[data-active-team="men"] .gpl-season-countdown__label {
	color: var(--gpl-sc-men-label-color);
	font-size: var(--gpl-sc-men-label-size);
}

.gpl-season-countdown[data-active-team="men"] .gpl-season-countdown__num {
	color: var(--gpl-sc-men-number-color);
	font-size: var(--gpl-sc-men-number-size);
}

.gpl-season-countdown[data-active-team="men"] .gpl-season-countdown__unit-label {
	color: var(--gpl-sc-men-unit-color);
	font-size: var(--gpl-sc-men-unit-size);
}

.gpl-season-countdown[data-active-team="men"] .gpl-season-countdown__ended {
	color: var(--gpl-sc-men-ended-color);
	font-size: var(--gpl-sc-men-ended-size);
}

.gpl-season-countdown[data-active-team="women"] .gpl-season-countdown__label {
	color: var(--gpl-sc-women-label-color);
	font-size: var(--gpl-sc-women-label-size);
}

.gpl-season-countdown[data-active-team="women"] .gpl-season-countdown__num {
	color: var(--gpl-sc-women-number-color);
	font-size: var(--gpl-sc-women-number-size);
}

.gpl-season-countdown[data-active-team="women"] .gpl-season-countdown__unit-label {
	color: var(--gpl-sc-women-unit-color);
	font-size: var(--gpl-sc-women-unit-size);
}

.gpl-season-countdown[data-active-team="women"] .gpl-season-countdown__ended {
	color: var(--gpl-sc-women-ended-color);
	font-size: var(--gpl-sc-women-ended-size);
}

.gpl-season-countdown__units {
	display: flex;
	flex-direction: row;
	align-items: flex-end;
	gap: var(--gpl-sc-column-gap, 10px);
	flex: 0 1 auto;
}

.gpl-season-countdown__unit {
	display: flex;
	flex-direction: column;
	align-items: center;
	min-width: var(--gpl-sc-unit-min-width, 2ch);
}

.gpl-season-countdown__num {
	font-weight: 700;
	line-height: 1;
	font-variant-numeric: tabular-nums;
}

.gpl-season-countdown__unit-label {
	font-weight: 600;
	letter-spacing: 0.02em;
	margin-top: 1px;
}

.gpl-season-countdown__unit.is-hidden {
	display: none !important;
}

.gpl-season-countdown__ended {
	white-space: nowrap;
}

.gpl-season-countdown__ended.is-hidden,
.gpl-season-countdown__units.is-hidden {
	display: none !important;
}

/* Responsive units: SEC ≤600px, MIN ≤500px (HRS/DAYS always visible). JS adds .gpl-sc-hide-* fallback. */
.gpl-season-countdown__unit.gpl-sc-unit--vp-hidden {
	display: none !important;
	visibility: hidden !important;
	width: 0 !important;
	max-width: 0 !important;
	max-height: 0 !important;
	overflow: hidden !important;
	padding: 0 !important;
	margin: 0 !important;
	min-width: 0 !important;
	opacity: 0 !important;
	pointer-events: none !important;
}

.gpl-season-countdown.gpl-sc-hide-sec .gpl-season-countdown__unit--seconds,
.gpl-season-countdown.gpl-sc-hide-sec .gpl-season-countdown__unit[data-unit="seconds"] {
	display: none !important;
	visibility: hidden !important;
	width: 0 !important;
	max-width: 0 !important;
	max-height: 0 !important;
	overflow: hidden !important;
	padding: 0 !important;
	margin: 0 !important;
	min-width: 0 !important;
	opacity: 0 !important;
	pointer-events: none !important;
}

.gpl-season-countdown.gpl-sc-hide-min .gpl-season-countdown__unit--minutes,
.gpl-season-countdown.gpl-sc-hide-min .gpl-season-countdown__unit[data-unit="minutes"] {
	display: none !important;
	visibility: hidden !important;
	width: 0 !important;
	max-width: 0 !important;
	max-height: 0 !important;
	overflow: hidden !important;
	padding: 0 !important;
	margin: 0 !important;
	min-width: 0 !important;
	opacity: 0 !important;
	pointer-events: none !important;
}

@media screen and (max-width: 600px) {
	.gpl-season-countdown .gpl-season-countdown__unit--seconds,
	.gpl-season-countdown .gpl-season-countdown__unit[data-unit="seconds"] {
		display: none !important;
		visibility: hidden !important;
		width: 0 !important;
		max-width: 0 !important;
		max-height: 0 !important;
		overflow: hidden !important;
		padding: 0 !important;
		margin: 0 !important;
		min-width: 0 !important;
		opacity: 0 !important;
		pointer-events: none !important;
	}

	.gpl-season-countdown__face {
		gap: 8px;
	}

	.gpl-season-countdown__units {
		gap: 6px;
	}
}

@media screen and (max-width: 500px) {
	.gpl-season-countdown .gpl-season-countdown__unit--minutes,
	.gpl-season-countdown .gpl-season-countdown__unit[data-unit="minutes"] {
		display: none !important;
		visibility: hidden !important;
		width: 0 !important;
		max-width: 0 !important;
		max-height: 0 !important;
		overflow: hidden !important;
		padding: 0 !important;
		margin: 0 !important;
		min-width: 0 !important;
		opacity: 0 !important;
		pointer-events: none !important;
	}
}