/*
Theme Name: Creative Child
Template: creative
Description: Child theme for bkelly.com. All site-specific code lives here; the parent Creative theme stays untouched.
Version: 1.0.0
*/

/* Same-origin navigations crossfade (view transitions) where supported.
   Site-wide on purpose: BOTH the outgoing and incoming page must opt in,
   or the browser hard-cuts. Timeline cards -> posts, and every other
   internal navigation, get it for free. */
@view-transition { navigation: auto; }
::view-transition-old(root) { animation-duration: .22s; }
::view-transition-new(root) { animation-duration: .22s; }
@media (prefers-reduced-motion: reduce) {
	::view-transition-old(root), ::view-transition-new(root) { animation: none; }
}

/* Card -> page morph: the timeline names a clicked card's title bk-hero at
   navigation time; single pages name their headline statically. The browser
   pairs the two and flies the title between pages. */
.single .entry-title,
.page .entry-title,
.singular .entry-title {
	view-transition-name: bk-hero;
}
::view-transition-group(bk-hero) { animation-duration: .35s; }

/* Footer: quiet link (no underline in any state), rounded face where the
   platform has one (ui-rounded = SF Pro Rounded on Apple; graceful
   fallback to the regular system face elsewhere — no webfont downloads). */
.site-footer .copyright {
	font-family: ui-rounded, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}
.site-footer .copyright a,
.site-footer .copyright a:hover,
.site-footer .copyright a:focus {
	text-decoration: none;
	border-bottom: none;
	box-shadow: none;
}

/* Footer social icons: glow white on hover (they're Genericons glyphs,
   so text-shadow is the glow). */
.site-footer .social-links ul li a {
	transition: color .25s ease, text-shadow .25s ease;
}
.site-footer .social-links ul li a:hover,
.site-footer .social-links ul li a:focus {
	color: #fff;
	text-shadow:
		0 0 6px rgba(255, 255, 255, .95),
		0 0 18px rgba(255, 255, 255, .55),
		0 0 34px rgba(255, 255, 255, .25);
}