/**
 * "Visit our Norwegian site" / "Visit our Chilean site" — inside the footer,
 * under the footer menu, on the English homepage (inc/partials/sister-sites.php).
 *
 * The gamurs footer lays out the row; this only sets type and colour. Colours
 * are the footer menu's own link tokens and the footer tagline colour, so the
 * line flips with the footer in dark mode. No new colours.
 *
 * No separator between the links: when the row wraps on a narrow phone each
 * link simply starts its own line, with nothing left dangling.
 */

/* The footer menu is a flex column with a gap, and its empty #privacy-link
   placeholder took a gap slot of its own, doubling the space above these
   links. Hidden only while empty, and this stylesheet only loads where the
   links do. */
footer .wp-block-gamurs-footer-nav__footer-menu > #privacy-link:empty {
	display: none;
}

footer .upcomer-sister-sites {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 0 24px;
	margin: 0;
	font-family: "Barlow", "Helvetica Neue", system-ui, sans-serif;
	font-size: var(--wp--custom--links--type--sm--font-size, 16px);
	line-height: 1.5;
	color: var(--wp--custom--bottom-nav--tagline-color, currentColor);
}

/* Padding takes each link from 24 px to 36 px tall, an easier thumb target. */
footer .upcomer-sister-sites a {
	display: inline-block;
	padding-block: 6px;
	color: var(--wp--custom--links--quaternary--enabled--color-fg--sm, currentColor);
	text-decoration-line: underline;
	text-decoration-color: currentColor;
	text-decoration-thickness: 1px;
	text-underline-offset: 3px;
}
footer .upcomer-sister-sites a:hover,
footer .upcomer-sister-sites a:focus-visible {
	color: var(--wp--custom--links--quaternary--hover--color-fg--sm, currentColor);
}