/* Component styles that theme.json cannot express. Keep this file small. */

/* Header CTA: last nav item renders as the Signal Orange action button. */
.rtk-nav-action > .wp-block-navigation-item__content {
	background: var(--wp--preset--color--signal);
	border: 1px solid var(--wp--preset--color--signal);
	color: var(--wp--preset--color--ink) !important;
	font-weight: 700;
	padding: 14px 18px !important;
	text-decoration: none !important;
}
.rtk-nav-action > .wp-block-navigation-item__content:hover,
.rtk-nav-action > .wp-block-navigation-item__content:focus-visible {
	background: var(--wp--preset--color--cream);
	border-color: var(--wp--preset--color--cream);
}

.rtk-header .wp-block-navigation-item:not(.rtk-nav-action) > a { text-decoration: none; }
.rtk-header .wp-block-navigation-item:not(.rtk-nav-action) > a:hover { text-decoration: underline; text-decoration-color: var(--wp--preset--color--signal); }
.rtk-header .current-menu-item > a { color: var(--wp--preset--color--signal) !important; }

/* Eyebrow / label style used across templates and patterns. */
.is-style-rtk-eyebrow,
.rtk-eyebrow {
	font-family: var(--wp--preset--font-family--label);
	font-size: var(--wp--preset--font-size--x-small);
	letter-spacing: 2px;
	text-transform: uppercase;
}

.rtk-footer a { color: inherit; }
.rtk-footer .rtk-footer-cta a { text-decoration-color: var(--wp--preset--color--signal); }
.rtk-footer .rtk-footer-rule { opacity: 0.25; margin: 0; }

/* Header, page head and footer sit flush; block gap applies inside content only. */
.wp-site-blocks > * + * { margin-block-start: 0; }

/* Master mark: brand guide v2.0 p.4. White-edge brush on dark, never under 150px wide.
   Reserve its box before the PNG loads so the header doesn't jump. */
.rtk-brand img {
	aspect-ratio: 880 / 270;
	height: auto;
	min-width: 150px;
}
/* Clear space at least one cap-height of the lettering on every side. */
.rtk-header .rtk-brand {
	margin-inline-end: 22px;
}