/* Weatherington theme additions. Most styling lives in theme.json. */

/* Home page hero: a faint pedigree bracket behind the family name. */
.wt-hero { position: relative; overflow: hidden; }
.wt-hero::after {
	content: "";
	position: absolute;
	right: max(1.5rem, calc((100% - 78rem) / 2));
	top: 50%;
	height: 78%;
	aspect-ratio: 260 / 320;
	transform: translateY(-50%);
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 260 320' fill='none' stroke='%232F5D50' stroke-width='1.5' stroke-opacity='.35'%3E%3Cpath d='M0 160H40V80H80M40 160V240H80M80 80H120V40.0H160M120 80V120.0H160M160 40.0H200V20.0H240M200 40.0V60.0H240M160 120.0H200V100.0H240M200 120.0V140.0H240M80 240H120V200.0H160M120 240V280.0H160M160 200.0H200V180.0H240M200 200.0V220.0H240M160 280.0H200V260.0H240M200 280.0V300.0H240'/%3E%3C/svg%3E") no-repeat center / contain;
	pointer-events: none;
}
.wt-hero > * { position: relative; z-index: 1; }
.wt-hero .wt-hero-title a { color: var(--wp--preset--color--ink); text-decoration: none; }
.wt-hero .wt-hero-intro {
	max-width: 34rem;
	margin-left: calc((100% - min(100%, 78rem)) / 2) !important;
	color: var(--wp--preset--color--ink);
}
@media (max-width: 1100px) { .wt-hero::after { display: none; } }

/* Header */
.wt-header .wp-block-navigation a:hover { color: var(--wp--preset--color--moss); text-decoration: underline; text-underline-offset: .25em; }
.wt-header .wp-block-navigation .current-menu-item > a,
.wt-header .wp-block-navigation a[aria-current="page"] { color: var(--wp--preset--color--moss); }

/* Links inside long-form text get a softer underline. */
.wp-block-post-content a { text-decoration-thickness: 1px; text-underline-offset: .18em; }
.wp-block-post-title a:hover { color: var(--wp--preset--color--moss); }

/* Story cards on the home page */
.wt-story .wp-block-post-title { margin: 0; }
.wt-story .wp-block-post-excerpt__excerpt { margin: 0; color: var(--wp--preset--color--muted); }

:where(.wp-site-blocks) :focus-visible { outline: 2px solid var(--wp--preset--color--moss); outline-offset: 2px; }

/* Heritage Tree plugin: use the theme's palette and type. */
body .ht-app {
	--ht-ink: var(--wp--preset--color--ink);
	--ht-muted: var(--wp--preset--color--muted);
	--ht-paper: var(--wp--preset--color--white);
	--ht-wash: var(--wp--preset--color--lichen);
	--ht-edge: var(--wp--preset--color--rule);
	--ht-accent: var(--wp--preset--color--moss);
	--ht-m: var(--wp--preset--color--slate);
	--ht-f: var(--wp--preset--color--plum);
	--ht-serif: var(--wp--preset--font-family--serif);
	font-family: var(--wp--preset--font-family--sans);
	margin-top: 0;
}
body .ht-app .ht-name,
body .ht-app .ht-person-name,
body .ht-app .ht-caption-title,
body .ht-app .ht-block h3 { font-weight: 600; }
.wt-hero + .wp-block-group .ht-app .ht-search-input { font-size: 1.0625rem; padding: .75rem .9rem; }

@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after { transition: none !important; animation: none !important; }
}

/* Forms (comments, search) */
:where(.wp-site-blocks) input[type="text"],
:where(.wp-site-blocks) input[type="email"],
:where(.wp-site-blocks) input[type="url"],
:where(.wp-site-blocks) input[type="search"],
:where(.wp-site-blocks) textarea {
	border: 1px solid var(--wp--preset--color--rule);
	border-radius: 4px;
	background: var(--wp--preset--color--white);
	padding: .6rem .75rem;
	font: inherit;
	color: var(--wp--preset--color--ink);
}
.wp-block-post-navigation-link { font-size: var(--wp--preset--font-size--small); }
