/*
 * Fortitude Cycling v2 — brand colour overrides.
 * Loaded after Genesis core + Gutenberg styles via functions.php (priority 999).
 */

:root {
	--fc-blue: #1e73be;
	--fc-blue-dark: #185a94;
	--fc-text: #222222;
	--fc-grey: #e5e5e5;
}

body {
	background: #ffffff;
	color: var(--fc-text);
}

.site-inner {
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}

.site-inner,
.content,
.content-sidebar-wrap {
	background: #ffffff;
}

.site-header {
	background: var(--fc-blue);
	padding: 0 15px;
}

.site-header .wrap,
.site-title a,
.site-description {
	color: #ffffff;
}

.genesis-nav-menu a,
.site-header .genesis-nav-menu a {
	color: #ffffff;
}

.genesis-nav-menu a:hover,
.genesis-nav-menu .current-menu-item > a {
	color: var(--fc-grey);
}

.genesis-nav-menu .sub-menu a,
.site-header .genesis-nav-menu .sub-menu a {
	color: var(--fc-text);
}

.genesis-nav-menu .sub-menu a:hover,
.genesis-nav-menu .sub-menu .current-menu-item > a {
	color: var(--fc-blue);
}

.site-footer {
	background: var(--fc-blue);
	color: #ffffff;
}

.site-footer a {
	color: #ffffff;
	text-decoration: underline;
}

a {
	color: var(--fc-blue);
}

a:hover {
	color: var(--fc-blue-dark);
}

h1,
h2,
h3,
h4,
h5,
h6 {
	color: var(--fc-text);
}

.button,
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.wp-block-button__link {
	background: var(--fc-blue);
	color: #ffffff;
	border: 0;
}

.button:hover,
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
.wp-block-button__link:hover {
	background: var(--fc-blue-dark);
	color: #ffffff;
}

/*
 * Burger menu — hide the "Menu" label, keep the Dashicons icon, white & larger.
 * Genesis renders text + a ::before icon; zeroing the button font-size hides the
 * text without affecting the pseudo-element's own font-size.
 */
.menu-toggle,
.menu-toggle:hover,
.menu-toggle:focus {
	font-size: 0 !important;
	background: transparent;
	color: #ffffff;
	border: 0;
	padding: 8px;
}

.menu-toggle::before,
.menu-toggle:hover::before,
.menu-toggle:focus::before {
	font-size: 36px;
	color: #ffffff;
}

.site-header .menu-toggle::before {
	top: -6px;
	margin-right: 0;
}

.entry {
	margin-bottom: 0px;
}

@media (max-width: 768px) {
	/*
 * Responsive cover block — overrides inline font-size/padding from the editor
 * so big hero headings scale down cleanly on phones/tablets.
 */
	h1,
	h2,
	h3,
	.wp-block-cover .wp-block-heading,
	.wp-block-cover h1,
	.wp-block-cover h2,
	.wp-block-cover h3 {
		font-size: clamp(2rem, 8vw, 100px) !important;
		line-height: 1.1 !important;
		word-break: break-word;
	}

	p {
		font-size: clamp(1rem, 2.5vw, 1.25rem) !important;
	}

	.menu-toggle {
		color: #ffffff;
	}
	.wp-custom-logo .title-area {
		max-width: 260px;
		padding-top: 10px;
	}

	.wp-block-cover.alignfull,
	.wp-block-cover {
		padding-left: 24px !important;
		padding-right: 24px !important;
		padding-top: 32px !important;
		padding-bottom: 32px !important;
	}

	.wp-block-cover .wp-block-spacer {
		height: 32px !important;
	}

	.wp-block-cover .wp-block-button__link {
		padding: 16px 28px !important;
	}
}