/**
 * Learner — front-end enhancements (things theme.json cannot express).
 */

/* Smooth in-page scrolling to the waitlist anchor, etc. */
html { scroll-behavior: smooth; }
:target { scroll-margin-top: 96px; }
#waitlist { scroll-margin-top: 104px; }

/* ---- Sticky header ----------------------------------------------------- */
.site-header-outer {
	position: sticky;
	top: 0;
	z-index: 100;
	transition: box-shadow .25s ease, border-color .25s ease;
}
.site-header-outer.is-stuck {
	box-shadow: 0 6px 24px rgba(22, 18, 31, .06);
}
/* The landing header stays static. */
.site-header-outer--landing { position: static; box-shadow: none; }

/* Navigation submenu polish. */
.wp-block-navigation .wp-block-navigation__submenu-container {
	border-radius: 12px;
	border-color: var(--wp--preset--color--border);
	box-shadow: 0 12px 30px rgba(22, 18, 31, .08);
}

/* Give in-content images breathing room on posts. */
.wp-block-post-content > .wp-block-image { border-radius: 14px; overflow: hidden; }

/* Nicer focus ring across interactive elements (accessibility). */
a:focus-visible,
button:focus-visible,
input:focus-visible,
summary:focus-visible,
.wp-element-button:focus-visible {
	outline: 2px solid var(--wp--preset--color--primary);
	outline-offset: 2px;
}