/*
Theme Name: ZenTea Manor
Theme URI: https://zanteamanor.zeabur.app
Author: Codex-5090 for ZenTea Manor
Author URI: https://zanteamanor.zeabur.app
Description: Custom WooCommerce theme for ZenTea Manor - Zen tea estate e-commerce with serene, minimal aesthetic. Mobile-first, product-focused, tea-culture branding.
Version: 1.0.5 (merged lc-689 seq088: qcn category filter/breadcrumb CSS + live 1.0.4 全量保留)
Requires at least: 6.0
Requires PHP: 8.0
Text Domain: zentea-manor
Tags: e-commerce, custom-menu, featured-images, translation-ready
WooCommerce: true
*/

/* Design tokens are loaded from assets/css/tokens.css via functions.php */

/* ============================================================
   lc-239 C1: base chrome CSS (header / nav / tools / footer /
   product-card / base layout). Authored by kimi-4060 2026-08-29.
   Loads before aix23.css (which owns aix23 sections + the
   .nav-toggle display rules); selectors below avoid conflicts.
   ============================================================ */

/* ---------- Base ---------- */

*,
*::before,
*::after {
	box-sizing: border-box;
}

html {
	-webkit-text-size-adjust: 100%;
}

body {
	margin: 0;
	font-family: "Inter", "Noto Sans TC", -apple-system, "Segoe UI", sans-serif;
	font-size: var(--text-base);
	line-height: 1.7;
	color: var(--text-primary);
	background: var(--surface-canvas);
}

img {
	max-width: 100%;
	height: auto;
}

a {
	color: var(--text-link);
	text-decoration: none;
	transition: color var(--duration-fast) var(--ease-out);
}

a:hover,
a:focus-visible {
	color: var(--accent-bg-hover);
}

a:focus-visible,
button:focus-visible,
input:focus-visible {
	outline: none;
	box-shadow: var(--shadow-focus);
	border-radius: var(--radius-xs);
}

h1, h2, h3, h4 {
	line-height: 1.25;
}

.screen-reader-text {
	position: absolute !important;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

/* ---------- Site header ---------- */

.site-header {
	position: sticky;
	top: 0;
	z-index: var(--z-sticky);
	background: var(--surface-raised);
	border-bottom: 1px solid var(--border-default);
	box-shadow: var(--shadow-sm);
}

.site-header__inner {
	display: flex;
	align-items: center;
	gap: var(--space-6);
	min-height: 72px;
	padding-block: var(--space-2);
}

.site-branding {
	flex: 0 0 auto;
}

.site-branding .custom-logo-link {
	display: inline-flex;
	align-items: center;
}

.site-branding .custom-logo-link img {
	display: block;
	height: 90px;
	max-height: 92px;
	width: auto;
	object-fit: contain;
}

.site-title {
	font-family: "Cormorant Garamond", "Noto Serif TC", serif;
	font-size: var(--text-xl);
	font-weight: 600;
	letter-spacing: 0.01em;
	color: var(--text-primary);
}

.site-title:hover,
.site-title:focus-visible {
	color: var(--accent-text);
}

/* ---------- Primary navigation ---------- */

.site-nav {
	flex: 1 1 auto;
	display: flex;
	justify-content: center;
}

#primary-menu {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--space-1) var(--space-5);
	margin: 0;
	padding: 0;
	list-style: none;
}

#primary-menu li {
	position: relative;
	margin: 0;
}

#primary-menu a {
	display: block;
	padding: var(--space-2) var(--space-1);
	font-size: var(--text-base);
	font-weight: 500;
	color: var(--text-primary);
	border-bottom: 2px solid transparent;
}

#primary-menu a:hover,
#primary-menu a:focus-visible,
#primary-menu .current-menu-item > a {
	color: var(--accent-text);
	border-bottom-color: var(--accent-bg);
}

/* Dropdown sub-menus (desktop) */

#primary-menu .sub-menu {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: var(--z-dropdown);
	min-width: 180px;
	margin: 0;
	padding: var(--space-2) 0;
	list-style: none;
	background: var(--surface-raised);
	border: 1px solid var(--border-default);
	border-radius: var(--radius-md);
	box-shadow: var(--shadow-lg);
	opacity: 0;
	visibility: hidden;
	transform: translateY(6px);
	transition: opacity var(--duration-fast) var(--ease-out),
		transform var(--duration-fast) var(--ease-out),
		visibility var(--duration-fast);
}

#primary-menu li:hover > .sub-menu,
#primary-menu li:focus-within > .sub-menu {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

#primary-menu .sub-menu a {
	padding: var(--space-2) var(--space-4);
	font-size: var(--text-sm);
	white-space: nowrap;
	border-bottom: none;
}

/* ---------- Header tools (search / account / cart) ---------- */

.site-tools {
	flex: 0 0 auto;
	display: flex;
	align-items: center;
	gap: var(--space-3);
}

.site-tools .search-form {
	display: flex;
	align-items: center;
	gap: var(--space-1);
}

.site-tools .search-form label {
	display: block;
	margin: 0;
}

.site-tools .search-field {
	width: 150px;
	padding: var(--space-1) var(--space-2);
	font-size: var(--text-sm);
	font-family: inherit;
	color: var(--text-primary);
	background: var(--input-bg);
	border: 1px solid var(--input-border);
	border-radius: var(--input-radius);
	transition: width var(--duration-normal) var(--ease-out),
		border-color var(--duration-fast) var(--ease-out);
}

.site-tools .search-field:focus {
	width: 190px;
	border-color: var(--border-accent);
	box-shadow: var(--input-focus);
}

.site-tools .search-submit {
	padding: var(--space-1) var(--space-3);
	font-size: var(--text-sm);
	font-weight: 500;
	font-family: inherit;
	color: var(--btn-primary-text);
	background: var(--btn-primary-bg);
	border: 1px solid var(--btn-primary-bg);
	border-radius: var(--input-radius);
	cursor: pointer;
	transition: background var(--duration-fast) var(--ease-out);
}

.site-tools .search-submit:hover {
	background: var(--btn-primary-hover);
	border-color: var(--btn-primary-hover);
}

.tool-link {
	display: inline-flex;
	align-items: center;
	gap: var(--space-1);
	padding: var(--space-1);
	font-size: var(--text-lg);
	line-height: 1;
	color: var(--text-primary);
	border-radius: var(--radius-sm);
}

.tool-link:hover,
.tool-link:focus-visible {
	color: var(--accent-text);
	background: var(--accent-tint);
}

.cart-count {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 20px;
	height: 20px;
	padding-inline: 5px;
	font-size: var(--text-xs);
	font-weight: 600;
	color: var(--text-inverse);
	background: var(--accent-bg);
	border-radius: var(--radius-full);
}

/* ---------- Site footer ---------- */

.site-footer {
	margin-top: var(--space-16);
	padding-block: var(--space-12) var(--space-6);
	color: rgba(255, 255, 255, 0.82);
	background: var(--surface-inverse);
}

.footer-grid {
	display: grid;
	grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr) minmax(0, 1fr);
	gap: var(--space-10);
}

.footer-title {
	margin: 0 0 var(--space-3);
	font-family: "Cormorant Garamond", "Noto Serif TC", serif;
	font-size: var(--text-2xl);
	font-weight: 600;
	color: var(--text-inverse);
}

.footer-brand p {
	margin: 0;
	max-width: 42ch;
	font-size: var(--text-sm);
	line-height: 1.7;
	color: rgba(255, 255, 255, 0.65);
}

.footer-heading {
	margin: 0 0 var(--space-3);
	font-family: "Noto Serif TC", serif;
	font-size: var(--text-base);
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--text-inverse);
}

.site-footer ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.site-footer .footer-column li {
	margin-bottom: var(--space-2);
}

.site-footer a {
	font-size: var(--text-sm);
	color: rgba(255, 255, 255, 0.82);
}

.site-footer a:hover,
.site-footer a:focus-visible {
	color: #ffffff;
	text-decoration: underline;
	text-underline-offset: 3px;
}

.footer-bottom {
	margin-top: var(--space-10);
	padding-top: var(--space-5);
	border-top: 1px solid rgba(255, 255, 255, 0.14);
}

.footer-bottom p {
	margin: 0;
	font-size: var(--text-xs);
	color: rgba(255, 255, 255, 0.5);
}

/* ---------- WooCommerce product cards ---------- */

.woocommerce ul.products,
ul.products {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: var(--space-6);
	margin: 0;
	padding: 0;
	list-style: none;
}

/* Override WooCommerce core float/width layout (woocommerce-layout.css)
   so grid tracks control card sizing. */
.woocommerce ul.products li.product,
ul.products li.product {
	float: none;
	width: auto;
	margin: 0;
	clear: none;
}

/* Neutralize WC clearfix pseudo-elements (they become empty grid items). */
.woocommerce ul.products::before,
.woocommerce ul.products::after,
ul.products::before,
ul.products::after {
	content: none;
}

/* Category tiles share the product grid on shop archive (WC default
   content-product_cat.php markup). */
ul.products li.product-category {
	display: flex;
	flex-direction: column;
	background: var(--card-bg);
	border: 1px solid var(--card-border);
	border-radius: var(--card-radius);
	box-shadow: var(--card-shadow);
	overflow: hidden;
	transition: box-shadow var(--duration-normal) var(--ease-out);
}

ul.products li.product-category:hover {
	box-shadow: var(--card-hover-shadow);
}

ul.products li.product-category > a {
	display: flex;
	flex-direction: column;
	height: 100%;
	color: var(--text-primary);
	text-decoration: none;
}

ul.products li.product-category img {
	width: 100%;
	aspect-ratio: 4 / 5;
	object-fit: cover;
	display: block;
	margin: 0;
	background: var(--surface-sunken);
}

ul.products li.product-category .woocommerce-loop-category__title {
	margin: 0;
	padding: var(--space-4);
	font-family: "Noto Serif TC", serif;
	font-size: var(--text-lg);
	font-weight: 700;
	line-height: 1.3;
}

ul.products li.product-category .woocommerce-loop-category__title mark {
	background: var(--tag-bg);
	color: var(--tag-text);
	border-radius: var(--tag-radius);
	padding: 0 var(--space-2);
	font-size: var(--text-xs);
	font-weight: 600;
}

.product-card {
	display: flex;
	flex-direction: column;
	margin: 0;
	background: var(--card-bg);
	border: 1px solid var(--card-border);
	border-radius: var(--card-radius);
	box-shadow: var(--card-shadow);
	overflow: hidden;
	transition: box-shadow var(--duration-normal) var(--ease-out),
		transform var(--duration-normal) var(--ease-out);
}

.product-card:hover,
.product-card:focus-within {
	box-shadow: var(--card-hover-shadow);
	transform: translateY(-2px);
}

.product-card__link {
	display: block;
	color: var(--text-primary);
	text-decoration: none;
}

.product-card__image-wrap {
	position: relative;
	aspect-ratio: 4 / 5;
	background: var(--surface-sunken);
	overflow: hidden;
}

.product-card__image {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform var(--duration-slow) var(--ease-out);
}

.product-card:hover .product-card__image {
	transform: scale(1.03);
}

.product-card__placeholder {
	width: 100%;
	height: 100%;
	background: linear-gradient(135deg, var(--accent-100), var(--gray-200));
}

.product-card__name {
	margin: 0;
	padding: var(--space-4) var(--space-4) 0;
	font-family: "Noto Serif TC", serif;
	font-size: var(--text-lg);
	font-weight: 700;
	line-height: 1.3;
}

.product-card__price {
	padding: var(--space-1) var(--space-4) var(--space-4);
	font-size: var(--text-base);
	font-weight: var(--price-text-weight);
	color: var(--price-text);
}

.product-card__price del {
	color: var(--text-tertiary);
	font-weight: 400;
	margin-right: var(--space-2);
}

.product-card__action {
	padding: 0 var(--space-4) var(--space-4);
	margin-top: auto;
}

.product-card__action .button,
.product-card__action .add_to_cart_button {
	display: block;
	width: 100%;
	padding: var(--space-2) var(--space-4);
	font-size: var(--text-sm);
	font-weight: 600;
	font-family: inherit;
	text-align: center;
	color: var(--btn-primary-text);
	background: var(--btn-primary-bg);
	border: 1px solid var(--btn-primary-bg);
	border-radius: var(--radius-md);
	cursor: pointer;
	transition: background var(--duration-fast) var(--ease-out);
}

.product-card__action .button:hover,
.product-card__action .add_to_cart_button:hover {
	background: var(--btn-primary-hover);
	border-color: var(--btn-primary-hover);
}

/* Shop archive: sidebar categories + result meta (lc-239 C1) */
.woocommerce-sidebar .sidebar-title {
	margin: 0 0 var(--space-3);
	font-family: "Noto Serif TC", serif;
	font-size: var(--text-lg);
	font-weight: 700;
}

.woocommerce-sidebar ul.product-categories {
	margin: 0;
	padding: 0;
	list-style: none;
}

.woocommerce-sidebar ul.product-categories li {
	margin-bottom: var(--space-2);
}

.woocommerce-sidebar ul.product-categories a {
	color: var(--text-primary);
	font-size: var(--text-base);
}

.woocommerce-sidebar ul.product-categories a:hover,
.woocommerce-sidebar ul.product-categories a:focus-visible {
	color: var(--accent-text);
}

.woocommerce-result-count {
	font-size: var(--text-sm);
	color: var(--text-secondary);
}

.woocommerce-ordering select {
	padding: var(--space-1) var(--space-2);
	font-family: inherit;
	font-size: var(--text-sm);
	color: var(--text-primary);
	background: var(--input-bg);
	border: 1px solid var(--input-border);
	border-radius: var(--input-radius);
}

/* ---------- Blog archive ---------- */

.blog-hero {
	padding: var(--space-16) 0 var(--space-10);
	background: linear-gradient(180deg, var(--surface-raised) 0%, var(--surface-canvas) 100%);
	border-bottom: 1px solid var(--border-default);
}

.blog-hero__inner {
	max-width: 820px;
}

.blog-hero__title {
	margin: var(--space-2) 0 var(--space-3);
	font-family: "Noto Serif TC", serif;
	font-size: var(--text-3xl);
	color: var(--text-primary);
	letter-spacing: 0;
}

.blog-hero__summary {
	margin: 0;
	color: var(--text-secondary);
	font-size: var(--text-lg);
}

.blog-breadcrumb {
	display: flex;
	align-items: center;
	gap: var(--space-2);
	margin-bottom: var(--space-4);
	font-size: var(--text-sm);
	color: var(--text-tertiary);
}

.blog-breadcrumb a {
	color: var(--text-secondary);
	text-decoration: none;
	transition: color var(--duration-fast);
}

.blog-breadcrumb a:hover {
	color: var(--accent-text);
}

.breadcrumb-separator {
	color: var(--border-default);
}

.breadcrumb-current {
	color: var(--text-primary);
	font-weight: 500;
}

.blog-category-filter {
	padding: var(--space-6) 0;
	background: var(--surface-canvas);
	border-bottom: 1px solid var(--border-default);
}

.category-nav {
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-3);
	align-items: center;
}

.category-link {
	display: inline-flex;
	align-items: center;
	gap: var(--space-1);
	padding: var(--space-2) var(--space-4);
	font-size: var(--text-sm);
	font-weight: 500;
	color: var(--text-secondary);
	text-decoration: none;
	background: var(--surface-default);
	border: 1px solid var(--border-default);
	border-radius: var(--radius-full);
	transition: all var(--duration-fast);
}

.category-link:hover {
	color: var(--accent-text);
	border-color: var(--border-accent);
	background: var(--surface-raised);
}

.category-link.is-active {
	color: var(--accent-text);
	background: var(--accent-subtle);
	border-color: var(--border-accent);
}

.category-count {
	font-size: var(--text-xs);
	opacity: 0.7;
}

.blog-listing {
	padding: var(--space-12) 0;
}

.blog-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: var(--space-6);
}

.blog-card {
	display: flex;
	flex-direction: column;
	min-height: 100%;
	overflow: hidden;
	background: var(--card-bg);
	border: 1px solid var(--card-border);
	border-radius: var(--card-radius);
	box-shadow: var(--card-shadow);
	transition: border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out);
}

.blog-card:hover,
.blog-card:focus-within {
	border-color: var(--border-accent);
	box-shadow: var(--card-hover-shadow);
	transform: translateY(-2px);
}

.blog-card__media {
	display: block;
	aspect-ratio: 4 / 3;
	background: var(--surface-sunken);
	overflow: hidden;
}

.blog-card__image {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.blog-card__body {
	display: flex;
	flex: 1;
	flex-direction: column;
	padding: var(--space-5);
}

.blog-card__categories {
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-2);
	margin-bottom: var(--space-3);
}

.blog-card__category {
	display: inline-block;
	padding: var(--space-1) var(--space-3);
	font-size: var(--text-xs);
	font-weight: 500;
	color: var(--accent-text);
	text-decoration: none;
	background: var(--accent-subtle);
	border-radius: var(--radius-sm);
	transition: background var(--duration-fast);
}

.blog-card__category:hover {
	background: var(--accent-muted);
}

.blog-card__date {
	margin-bottom: var(--space-2);
	font-size: var(--text-xs);
	color: var(--text-tertiary);
	text-transform: uppercase;
}

.blog-card__title {
	margin: 0 0 var(--space-3);
	font-family: "Noto Serif TC", serif;
	font-size: var(--text-lg);
	letter-spacing: 0;
}

.blog-card__title a {
	color: var(--text-primary);
}

.blog-card__excerpt {
	margin: 0 0 var(--space-5);
	color: var(--text-secondary);
	font-size: var(--text-sm);
}

.blog-card__link {
	margin-top: auto;
	font-size: var(--text-sm);
	font-weight: 600;
	color: var(--accent-text);
}

.blog-empty {
	margin: 0;
	color: var(--text-secondary);
}

.navigation.pagination {
	margin-top: var(--space-10);
}

.nav-links {
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-2);
	align-items: center;
}

.page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 40px;
	height: 40px;
	padding: 0 var(--space-3);
	border: 1px solid var(--border-default);
	border-radius: var(--radius-sm);
	background: var(--surface-raised);
	color: var(--text-primary);
	font-size: var(--text-sm);
	font-weight: 600;
}

.page-numbers.current,
.page-numbers:hover,
.page-numbers:focus-visible {
	border-color: var(--accent-bg);
	background: var(--accent-bg);
	color: var(--text-inverse);
}

/* ---------- Responsive: tablet ---------- */

@media (max-width: 900px) {
	.footer-grid {
		grid-template-columns: 1fr;
		gap: var(--space-8);
	}

	.woocommerce ul.products,
	ul.products {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.blog-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

/* ---------- Responsive: mobile (nav panel + header) ---------- */

@media (max-width: 640px) {
	.site-header__inner {
		flex-wrap: wrap;
		gap: var(--space-3);
		min-height: 60px;
	}

	.site-branding {
		flex: 1 1 auto;
	}

	.site-title {
		font-size: var(--text-lg);
	}

	.site-nav {
		flex: 0 0 auto;
		order: 2;
	}

	.site-tools {
		order: 3;
		flex: 1 1 100%;
		justify-content: flex-start;
		padding-bottom: var(--space-2);
	}

	.site-tools .search-form {
		flex: 1 1 auto;
	}

	.site-tools .search-field {
		width: 100%;
	}

	.site-tools .search-field:focus {
		width: 100%;
	}

	/* Mobile menu panel: aix23.css owns display none/block;
	   rules below own the panel chrome when .is-open. */
	#primary-menu {
		position: absolute;
		top: 100%;
		left: 0;
		right: 0;
		z-index: var(--z-dropdown);
		flex-direction: column;
		align-items: stretch;
		gap: 0;
		padding: var(--space-2) 0;
		background: var(--surface-raised);
		border-bottom: 1px solid var(--border-default);
		box-shadow: var(--shadow-lg);
	}

	.site-nav {
		position: static;
	}

	.site-header {
		position: relative;
	}

	#primary-menu a {
		padding: var(--space-3) var(--space-5);
		border-bottom: none;
		border-left: 3px solid transparent;
	}

	#primary-menu a:hover,
	#primary-menu a:focus-visible,
	#primary-menu .current-menu-item > a {
		background: var(--accent-tint);
		border-left-color: var(--accent-bg);
	}

	#primary-menu .sub-menu {
		position: static;
		opacity: 1;
		visibility: visible;
		transform: none;
		border: none;
		border-radius: 0;
		box-shadow: none;
		padding-left: var(--space-6);
		background: var(--surface-sunken);
	}

	.woocommerce ul.products,
	ul.products {
		grid-template-columns: 1fr;
	}

	.blog-hero {
		padding: var(--space-10) 0 var(--space-8);
	}

	.blog-hero__title {
		font-size: var(--text-2xl);
	}

	.blog-hero__summary {
		font-size: var(--text-base);
	}

	.blog-grid {
		grid-template-columns: 1fr;
	}

	.site-footer {
		margin-top: var(--space-10);
	}
}

/* Footer social follow row (S4, lc-357) — 11 platforms, placeholder links */
.footer-social {
	margin-top: var(--space-10);
	padding-top: var(--space-6);
	border-top: 1px solid rgba(255, 255, 255, 0.14);
	text-align: center;
}

.footer-social .footer-heading {
	margin-bottom: var(--space-4);
}

.zentea-social-follow {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: var(--space-3);
	margin: 0;
	padding: 0;
	list-style: none;
}

.site-footer .zentea-social-follow__item {
	margin-bottom: 0;
}

.zentea-social-follow__link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.5rem;
	height: 2.5rem;
	border: 1px solid rgba(255, 255, 255, 0.28);
	border-radius: 50%;
	color: rgba(255, 255, 255, 0.82);
	transition: color 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
}

.zentea-social-follow__link:hover,
.zentea-social-follow__link:focus-visible {
	color: #ffffff;
	border-color: #ffffff;
	text-decoration: none;
	transform: translateY(-2px);
}

.zentea-social-follow__link svg {
	width: 1.15rem;
	height: 1.15rem;
	fill: currentColor;
}

.zentea-social-follow__badge {
	font-size: var(--text-sm);
	font-weight: 700;
	line-height: 1;
	color: currentColor;
}

/* LC823 launch repair: V4/V7/V15 visual polish. */
.category-card picture,
.category-card__image {
	display: block;
	width: 100%;
	height: 100%;
}

.category-card__image {
	object-fit: cover;
	background: transparent;
}

html[lang^="en"] .site-header__inner {
	gap: var(--space-4);
}

html[lang^="en"] #primary-menu {
	flex-wrap: nowrap;
	gap: var(--space-1) var(--space-3);
}

html[lang^="en"] #primary-menu a {
	white-space: nowrap;
	font-size: var(--text-sm);
	padding-inline: 0;
}

html[lang^="en"] .blog-hero {
	position: relative;
	overflow: hidden;
	color: #fff;
	background:
		linear-gradient(90deg, rgba(34, 27, 20, 0.78), rgba(34, 27, 20, 0.30)),
		url("assets/images/aix23/lc190-final-09-atmosphere-misty-tea-mountain-2560x1000.jpg") center / cover no-repeat;
	border-bottom: 0;
}

html[lang^="en"] .blog-hero__inner {
	position: relative;
	max-width: 760px;
}

html[lang^="en"] .blog-hero__title,
html[lang^="en"] .blog-hero__summary,
html[lang^="en"] .blog-breadcrumb,
html[lang^="en"] .blog-breadcrumb a {
	color: #fff;
}

html[lang^="en"] .blog-hero__summary {
	max-width: 58ch;
	text-shadow: 0 1px 8px rgba(0, 0, 0, 0.35);
}

@media (max-width: 1040px) and (min-width: 641px) {
	html[lang^="en"] #primary-menu {
		gap: var(--space-1) var(--space-2);
	}

	html[lang^="en"] #primary-menu a {
		font-size: var(--text-xs);
	}

	html[lang^="en"] .site-tools .search-field {
		width: 120px;
	}
}
/* lc-827: keep transparent logo at 90px without pushing EN header off-canvas. */
.site-header__inner {
	max-width: 100%;
}

.site-nav {
	min-width: 0;
}

.site-tools {
	flex: 0 0 auto;
}

html[lang^="en"] .site-header__inner {
	flex-wrap: wrap;
	align-items: center;
	gap: var(--space-2) var(--space-3);
}

html[lang^="en"] .site-branding {
	order: 1;
	flex: 0 0 auto;
}

html[lang^="en"] .site-tools {
	order: 2;
	margin-left: auto;
}

html[lang^="en"] .site-nav {
	order: 3;
	flex: 1 1 100%;
	width: 100%;
}

html[lang^="en"] #primary-menu {
	flex-wrap: wrap;
	justify-content: center;
	gap: var(--space-1) 0.6rem;
}

html[lang^="en"] #primary-menu a {
	font-size: 0.82rem;
	padding-inline: 0;
	white-space: nowrap;
}