/* Powershift footer — the three link columns.
 *
 * They were twelve hand-written links inside three paragraphs, `<br>`-separated, in
 * parts/footer.html. They are now three real menus (Product / Company / Support Footer Menu),
 * so the client can manage them and they stop drifting from the main menu the way hard-coded
 * copy does.
 *
 * EVERYTHING BELOW IS A RESET, not a design. theme.json styles core/navigation site-wide for
 * the HEADER's needs — uppercase, 0.04em tracking, weight 700, and `& a { padding: 6px 2px;
 * border-bottom: 3px solid transparent }` for the current-page marker. All of it inherits into
 * any navigation block anywhere, so the footer columns arrived uppercase, bold and carrying a
 * 3px ghost border under every link. The header panel resets the same things in header.css for
 * the same reason; this is the footer's copy of that problem.
 *
 * The values restore what the paragraphs had: small, weight 300, line-height 2.1, sentence
 * case. If the footer type ever changes, change it here — not in theme.json, which the header
 * depends on.
 */

/* Core lays the list out as a flex row. The footer wants a stacked column. */
.pwr-footer-nav .wp-block-navigation__container {
	display: block;
	gap: 0;
}
.pwr-footer-nav .wp-block-navigation-item {
	display: block;
}

.pwr-footer-nav .wp-block-navigation-item__content {
	display: inline-block;
	padding: 0;
	border-bottom: 0; /* theme.json's 3px current-page marker — a header device */
	font-size: var(--wp--preset--font-size--s);
	font-weight: 300;
	line-height: 2.1;
	letter-spacing: normal;
	text-transform: none;
	text-decoration: none;
	transition: color var(--wp--custom--motion--fast) var(--wp--custom--motion--ease-standard);
}
/* Colour is set on a DOUBLED class (0,3,0) because the footer group carries `has-link-color`,
   whose generated rule is 0,2,1 and forces pure white onto every link inside it. A single class
   loses that fight silently — the reset above appears to work while the colour does not.
   Close to white rather than white: `base` is #ffffff and reads harsher against the near-black
   footer than the rest of its type, which already sits at rgba(255,255,255,0.7). */
.pwr-footer-nav .wp-block-navigation-item__content.wp-block-navigation-item__content {
	color: var(--wp--preset--color--grey-bright);
}
.pwr-footer-nav .wp-block-navigation-item__content.wp-block-navigation-item__content:hover,
.pwr-footer-nav .wp-block-navigation-item__content.wp-block-navigation-item__content:focus-visible {
	color: var(--wp--preset--color--orange);
}

/* The current page reads in orange rather than by a rule, matching the menu panel. */
.pwr-footer-nav .current-menu-item > .wp-block-navigation-item__content.wp-block-navigation-item__content,
.pwr-footer-nav .wp-block-navigation-item__content[aria-current="page"].wp-block-navigation-item__content {
	color: var(--wp--preset--color--orange);
}

@media (prefers-reduced-motion: reduce) {
	.pwr-footer-nav .wp-block-navigation-item__content { transition: none; }
}

/* Social icons under the blurb (check-in, 30 Oct): the menu sheet's row, same glyphs, same
   48px size, orange deepening on hover (Wayne, 30 Oct: "same as menu"). Its styles are in
   header.css under .pwr-header__social and colour themselves from the glass tokens, which do
   not exist down here — so the footer sets the two it uses, to the values the dark glass has.
   The markup is pwr_social_row() in functions.php, shared with the menu. */
.pwr-footer-social {
	--pwr-glass-accent: var(--wp--preset--color--orange);
	--pwr-glass-accent-hi: var(--wp--preset--color--orange-dark);
	margin-top: var(--wp--preset--spacing--m);
}
/* The 64px hit box centres the 48px glyph, which would sit 8px in from the blurb's edge. */
.pwr-footer-social .pwr-header__social { margin-left: -8px; }