/* -------------------------------------------------------------------------- */
/* Footer — Dark variant                                                        */
/* All rules scoped to .site-footer--dark — no impact on the default footer.   */
/* -------------------------------------------------------------------------- */

.site-footer--dark {
	background-color: var(--wp--preset--color--dark-blue);
	color: var(--wp--preset--color--white);
}

/* Logo: filter to white regardless of original colour */
.site-footer--dark .wp-block-site-logo img {
	filter: brightness(0) invert(1);
}

/* Slogan: override the variation JSON's thula-blue (specificity 0,1,0) */
.site-footer--dark .is-style-slogan {
	color: var(--wp--preset--color--white);
}

/* Nav links: white base colour, 300 weight */
/* Label is set explicitly so WP's global link colour (thula-blue) cannot bleed through */
/* Teal underline animation on hover is inherited from .site-footer rules in style.css */
.site-footer--dark .wp-block-navigation-item__content,
.site-footer--dark .wp-block-navigation-item__label {
	color: var(--wp--preset--color--white);
	font-weight: 300;
}

/* Top-level section headings (is-style-main: Products, Resources, etc.) */
.site-footer--dark .is-style-main .wp-block-navigation-item__content {
	font-weight: 400;
}

/* Latest-news post titles */
.site-footer--dark .wp-block-post-title a,
.site-footer--dark .wp-block-post-title a:visited {
	color: var(--wp--preset--color--white);
	font-weight: 300;
	text-decoration: none;
}

.site-footer--dark .wp-block-post-title a:hover,
.site-footer--dark .wp-block-post-title a:focus-visible {
	color: var(--wp--preset--color--light-teal);
}

/* Legal links: white base, light-teal on hover */
/* Target both the <a> and its inner <span> so the colour change applies */
.site-footer--dark .footer-legal .wp-block-navigation-item__content:hover,
.site-footer--dark .footer-legal .wp-block-navigation-item__content:focus-visible,
.site-footer--dark .footer-legal .wp-block-navigation-item__content:hover .wp-block-navigation-item__label,
.site-footer--dark .footer-legal .wp-block-navigation-item__content:focus-visible .wp-block-navigation-item__label {
	color: var(--wp--preset--color--light-teal);
}