/* ============================================================
   MAIN.CSS — supplemental styles loaded after style.css
   ============================================================ */

/* ============================================================
   SEARCH FORM
   ============================================================ */
.search-form {
	display: flex;
	gap: var(--space-2);
	max-width: 480px;
	margin-inline: auto;
}

.search-field {
	flex: 1;
	padding: var(--space-3) var(--space-5);
	border: 1.5px solid var(--border-dark);
	background: transparent;
	font-size: var(--text-base);
	font-family: var(--font-sans);
	color: var(--noir);
	outline: none;
	border-radius: 0;
}

.search-field:focus { border-color: var(--brown); }

.search-submit {
	padding: var(--space-3) var(--space-6);
	background: var(--brown);
	color: var(--cream);
	font-size: var(--text-xs);
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.12em;
	border: 1.5px solid var(--brown);
	cursor: pointer;
	transition: background var(--duration) var(--ease);
}

.search-submit:hover { background: var(--noir); border-color: var(--noir); }

/* ============================================================
   PAGINATION
   ============================================================ */
.posts-pagination,
.nav-links {
	display: flex;
	justify-content: center;
	gap: var(--space-1);
	margin-top: var(--space-16);
	flex-wrap: wrap;
}

.page-numbers,
.nav-links a,
.nav-links span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 42px;
	height: 42px;
	padding-inline: var(--space-3);
	font-size: var(--text-xs);
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	border: 1.5px solid var(--border-dark);
	color: var(--brown);
	transition: background var(--duration) var(--ease), color var(--duration) var(--ease);
}

.page-numbers.current,
.page-numbers:hover,
.nav-links a:hover {
	background: var(--brown);
	color: var(--cream);
	border-color: var(--brown);
}

.page-numbers.dots {
	border-color: transparent;
	pointer-events: none;
}

/* ============================================================
   STICKY HEADER — Wordmark size variant
   ============================================================ */
.wordmark--lg .wordmark__i   { font-size: 1.5em; }
.wordmark--lg .wordmark__name { font-size: 1.25em; }

.wordmark--sm .wordmark__i   { font-size: 1.1em; }
.wordmark--sm .wordmark__name { font-size: 0.95em; }

/* ============================================================
   BLOCK EDITOR ALIGNMENT SUPPORT
   ============================================================ */
.wp-block-image.alignfull,
.wp-block-cover.alignfull {
	margin-left: calc(-1 * var(--space-8));
	margin-right: calc(-1 * var(--space-8));
	max-width: calc(100% + 2 * var(--space-8));
}

.wp-block-image.alignwide { max-width: 100%; }

.wp-block-quote {
	border-left: 3px solid var(--blush);
	padding-left: var(--space-6);
	margin-block: var(--space-8);
	font-family: var(--font-serif);
	font-style: italic;
	font-size: var(--text-xl);
	color: var(--brown);
}

.wp-block-separator {
	border: none;
	border-top: 1px solid var(--border);
	margin-block: var(--space-10);
}

/* ============================================================
   CONTACT FORM LAYOUT HELPERS
   ============================================================ */
.cf7-row {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: var(--space-4);
}

@media (max-width: 600px) {
	.cf7-row { grid-template-columns: 1fr; }
}

/* ============================================================
   PRINT
   ============================================================ */
@media print {
	.site-header,
	.nav-toggle,
	.nav-mobile,
	.site-footer,
	.contact-cta { display: none !important; }

	body { font-size: 11pt; color: #000; background: #fff; }
	a { color: #000; text-decoration: underline; }
	.container { max-width: 100%; padding: 0; }
}