/*
Theme Name: Wyskota
Theme URI: https://wyssogota.com
Author: Michał Wyssogota-Zakrzewski
Author URI: https://wyssogota.com
Description: A dignified bilingual (Polish / English) block theme for a family heritage site, laid out in the manner of a patent of nobility — a centred coat of arms, engraved gold rules, a fleuron divider, and Cormorant Garamond set over Noto Serif. Built for the WordPress 7.0 Site Editor and ready for Polylang.
Requires at least: 6.6
Tested up to: 7.0
Requires PHP: 7.4
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: wyskota
Tags: full-site-editing, block-patterns, translation-ready, custom-colors, editor-style, block-styles, wide-blocks, custom-logo, one-column
*/

/* -------------------------------------------------------------------------
   Wyskota — front-end + editor styles
   Most theming lives in theme.json. This file carries the pieces that need
   real CSS: the engraved frame, the eyebrow, the fleuron divider, focus,
   reduced-motion and print. Enqueued on the front end and added as an editor
   style in functions.php so the Site Editor matches the site.
---------------------------------------------------------------------------- */

:root {
	--wyskota-frame-gap: 6px;         /* space between the two engraved rules */
	--wyskota-hairline: 1px;
}

/* A faint, even parchment tone under everything — no busy texture. */
.wp-site-blocks {
	background-image:
		radial-gradient(120% 80% at 50% -10%, rgba(166, 124, 46, 0.06), transparent 60%),
		radial-gradient(100% 60% at 50% 120%, rgba(122, 22, 34, 0.04), transparent 55%);
	background-attachment: fixed;
}

/* --- Eyebrow: the small-caps Latin/Japanese label above a title --------- */
.wyskota-eyebrow p,
.wyskota-eyebrow {
	font-family: var(--wp--preset--font-family--body);
	font-size: var(--wp--preset--font-size--x-small);
	letter-spacing: 0.32em;
	text-transform: uppercase;
	color: var(--wp--preset--color--stone);
	margin: 0;
}
/* --- The engraved frame: a group given the "Patent frame" block style --- */
.wp-block-group.is-style-wyskota-frame {
	position: relative;
	border: var(--wyskota-hairline) solid var(--wp--preset--color--gold);
	outline: var(--wyskota-hairline) solid var(--wp--preset--color--gold);
	outline-offset: var(--wyskota-frame-gap);
	background: transparent;
}
/* Small corner marks so the frame reads as an engraved certificate. */
.wp-block-group.is-style-wyskota-frame::before,
.wp-block-group.is-style-wyskota-frame::after {
	content: "";
	position: absolute;
	width: 10px;
	height: 10px;
	border: var(--wyskota-hairline) solid var(--wp--preset--color--gold);
	pointer-events: none;
}
.wp-block-group.is-style-wyskota-frame::before { top: -3px; left: -3px; border-right: 0; border-bottom: 0; }
.wp-block-group.is-style-wyskota-frame::after  { bottom: -3px; right: -3px; border-left: 0; border-top: 0; }

/* --- Fleuron divider: a separator given the "Fleuron" block style ------- */
.wp-block-separator.is-style-wyskota-fleuron {
	border: 0;
	max-width: 9rem;
	height: auto;
	opacity: 1;
	overflow: visible;
	text-align: center;
	margin-inline: auto;
}
.wp-block-separator.is-style-wyskota-fleuron::before {
	content: "\2767";                 /* rotated floral heart / fleuron */
	display: block;
	color: var(--wp--preset--color--gold);
	font-family: var(--wp--preset--font-family--display);
	font-size: 1.6rem;
	line-height: 1;
}
/* thin gold rules flanking the fleuron */
.wp-block-separator.is-style-wyskota-fleuron {
	position: relative;
}

/* --- The coat of arms emblem ------------------------------------------- */
.wyskota-arms img {
	display: block;
	margin-inline: auto;
	height: auto;
	filter: drop-shadow(0 1px 2px rgba(34, 28, 21, 0.14));
}

/* --- Section cards on the front page ----------------------------------- */
.wyskota-card {
	border: var(--wyskota-hairline) solid var(--wp--preset--color--rule);
	transition: border-color 160ms ease, transform 160ms ease;
}
.wyskota-card:hover,
.wyskota-card:focus-within {
	border-color: var(--wp--preset--color--gold);
}
.wyskota-card .wp-block-heading {
	margin-top: 0;
}

/* --- The framed painting plate ----------------------------------------- */
.wyskota-plate figure,
.wyskota-plate img {
	border: var(--wyskota-hairline) solid var(--wp--preset--color--gold);
	background: var(--wp--preset--color--parchment-deep);
}

/* --- Reading measure for long-form biographies & documents ------------- */
.wyskota-prose p,
.wyskota-prose li {
	line-height: 1.85;
}

/* --- Accessibility: visible, on-brand keyboard focus ------------------- */
:where(a, button, input, .wp-block-navigation-item__content):focus-visible {
	outline: 2px solid var(--wp--preset--color--gold);
	outline-offset: 3px;
	border-radius: 1px;
}

/* --- Respect reduced motion ------------------------------------------- */
@media (prefers-reduced-motion: reduce) {
	* { transition: none !important; scroll-behavior: auto !important; }
}

/* --- Print: hand a biography or document out as a clean sheet ---------- */
@media print {
	.wp-site-blocks { background: none; }
	header.wp-block-template-part,
	footer.wp-block-template-part,
	.wp-block-navigation { display: none; }
	body { color: #000; }
	a { color: #000; text-decoration: underline; }
}