/* Link hover: Amber text on white/paper measures ~2.3:1 contrast — fails WCAG AA
   (needs 4.5:1 for text). Keep the text color unchanged on hover and shift only
   the underline to Amber instead, which reads as on-brand without making body
   copy links hard to read. Text color stays Ink Navy at all times, which is
   already the theme.json default — this rule only touches the underline. */
a:hover {
	text-decoration-color: var(--wp--preset--color--primary);
}

/* Ring-field motif behind a cover block — purely decorative, never behind text.
   Applied automatically on the homepage hero, and available anywhere via the
   "has-ring-motif" block class (see patterns/hero-ring.php). */
.is-front-page .wp-block-cover,
.wp-block-cover.has-ring-motif {
	position: relative;
	overflow: hidden;
}
.is-front-page .wp-block-cover::after,
.wp-block-cover.has-ring-motif::after {
	content: "";
	position: absolute;
	inset: 0;
	background-image: url(../img/ring-field.svg);
	background-repeat: no-repeat;
	background-position: right 10% bottom -10%;
	background-size: 55% auto;
	opacity: 0.55;
	pointer-events: none;
	z-index: 1;
}
.is-front-page .wp-block-cover .wp-block-cover__inner-container,
.wp-block-cover.has-ring-motif .wp-block-cover__inner-container {
	position: relative;
	z-index: 2;
}

@media (max-width: 600px) {
	.is-front-page .wp-block-cover::after,
	.wp-block-cover.has-ring-motif::after {
		background-size: 90% auto;
		background-position: right -10% bottom -20%;
		opacity: 0.4;
	}
}

/* ---------- Site header ---------- */
.site-header {
	border-bottom: 1px solid rgba(14, 30, 51, 0.08);
}

/* The mark + wordmark lockup: kill the phantom "descender" gap that WordPress's
   image block leaves below inline images, which is what pushed the icon down
   and out of alignment with the wordmark text. */
.site-mark-lockup {
	line-height: 0;
}
.site-mark {
	margin: 0;
	line-height: 0;
}
.site-mark img {
	display: block;
	vertical-align: middle;
}
.site-mark-lockup .wp-block-site-title {
	line-height: 1;
}
.site-mark-lockup .wp-block-site-title a {
	display: block;
}

/* Nav: quieter and more deliberate than default body-text links */
.site-nav .wp-block-navigation-item__content {
	font-size: 0.92rem;
	font-weight: 500;
	letter-spacing: 0.01em;
}

/* Mobile overlay menu: force a clean vertical stack instead of inheriting the
   desktop row's right-justified flex-wrap, which staggered items awkwardly. */
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container {
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	gap: 1.6rem;
	height: 100%;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content {
	font-size: 1.35rem;
	font-weight: 600;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-open {
	color: var(--wp--preset--color--base);
}

/* ---------- Share links (Jetpack sharing-buttons block) ----------
   Jetpack's default styling renders each button as a white card with its
   own box-shadow, plus 1.5em icons — next to each other they read as one
   oversized, boxed-in cluster. Flattened to match the site's own quiet
   text-link language: no card chrome, small icon, underline-only hover
   (same treatment as body-text links; see the a:hover rule above). */
.share-row {
	align-items: center;
}
.jetpack-sharing-buttons__services-list {
	margin: 0;
	padding: 0;
	gap: 1.4rem;
	align-items: center;
}
.jetpack-sharing-button__button {
	background: none;
	box-shadow: none;
	border-radius: 0;
	margin: 0;
	padding: 0;
	gap: 0.4em;
	font-family: var(--wp--preset--font-family--poppins);
	font-size: 0.86rem;
	font-weight: 500;
	color: var(--wp--preset--color--contrast);
}
.jetpack-sharing-button__button svg {
	width: 1.05em;
	height: 1.05em;
}
.jetpack-sharing-button__button:hover {
	box-shadow: none;
	text-decoration: underline;
	text-decoration-color: var(--wp--preset--color--primary);
	text-underline-offset: 3px;
}

/* Copy-link button: same visual language as the share buttons beside it. */
.copy-link-button {
	display: inline-flex;
	align-items: center;
	gap: 0.4em;
	background: none;
	border: none;
	padding: 0;
	cursor: pointer;
	font-family: var(--wp--preset--font-family--poppins);
	font-size: 0.86rem;
	font-weight: 500;
	color: var(--wp--preset--color--contrast);
}
.copy-link-button:hover {
	text-decoration: underline;
	text-decoration-color: var(--wp--preset--color--primary);
	text-underline-offset: 3px;
}
.copy-link-button svg {
	width: 1.15em;
	height: 1.15em;
	flex-shrink: 0;
}