/* Ateloria site header - reuses the fabric-landing color palette */
.ateloria-header {
	--bg1: #fbf7f1;
	--ink: #1d1a16;
	--muted: #6b6259;
	--gold: #c8a86a;
	--gold2: #b89252;

	position: sticky;
	top: 0;
	z-index: 999;
	background: rgba(251, 247, 241, .92);
	backdrop-filter: saturate(180%) blur(12px);
	border-bottom: 1px solid rgba(200, 168, 106, .40);
	transition: box-shadow .15s ease;
}

.ateloria-header.is-scrolled {
	box-shadow: 0 6px 20px rgba(29, 26, 22, .08);
}

.ateloria-header-inner {
	max-width: 1120px;
	margin: 0 auto;
	padding: 14px 16px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
}

.ateloria-logo {
	font-family: "Cormorant Garamond", "Times New Roman", serif;
	font-size: 26px;
	font-weight: 700;
	letter-spacing: .04em;
	color: var(--ink);
	text-decoration: none;
}

.ateloria-header-right {
	display: flex;
	align-items: center;
	gap: 18px;
}

.ateloria-lang-switcher {
	display: flex;
	gap: 10px;
}

.ateloria-lang-item {
	font-size: 13px;
	font-weight: 600;
	letter-spacing: .04em;
	color: var(--muted);
	text-decoration: none;
	padding: 4px 8px;
	border-radius: 999px;
}

.ateloria-lang-item.is-active {
	color: var(--ink);
	background: rgba(200, 168, 106, .18);
}

.ateloria-cart-link {
	position: relative;
	display: inline-flex;
	align-items: center;
	text-decoration: none;
	font-size: 20px;
	color: var(--ink);
}

.ateloria-cart-count {
	position: absolute;
	top: -6px;
	right: -10px;
	min-width: 16px;
	height: 16px;
	padding: 0 4px;
	border-radius: 999px;
	background: linear-gradient(180deg, var(--gold), var(--gold2));
	color: #2b241b;
	font-size: 10px;
	font-weight: 800;
	line-height: 16px;
	text-align: center;
}

@media (max-width: 600px) {
	.ateloria-header-inner { padding: 10px 14px; }
	.ateloria-logo { font-size: 22px; }
	.ateloria-header-right { gap: 12px; }
}