/*
Theme Name: Irish Quiz Club
Theme URI: https://irishquizclub.com
Description: Block theme for Irish Quiz Club. Layout only; quiz features live in the iqc-core plugin.
Version: 0.1.0
Requires at least: 6.8
Requires PHP: 8.1
Author: Irish Quiz Club
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: irishquizclub
*/

.iqc-tricolour {
	display: flex;
	height: 6px;
}

.iqc-tricolour span {
	flex: 1;
}

.iqc-tricolour span:nth-child(1) {
	background: var(--wp--preset--color--flag-green);
}

.iqc-tricolour span:nth-child(2) {
	background: var(--wp--preset--color--flag-white);
}

.iqc-tricolour span:nth-child(3) {
	background: var(--wp--preset--color--flag-orange);
}

.iqc-beta-label {
	display: inline-block;
	padding: 2px 10px;
	border-radius: 999px;
	background: var(--wp--preset--color--mint);
	color: var(--wp--preset--color--forest);
	font-size: 0.8rem;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

:where(a, button, input, select, textarea):focus-visible {
	outline: 3px solid var(--wp--preset--color--mint);
	outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
	*,
	*::before,
	*::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
		scroll-behavior: auto !important;
	}
}