/**
 * Extra theme layer (widgets, legacy utilities).
 * Main bundle: ../style.css; luxury: blogshare-luxury-layout.css
 */

/* -------------------------------------------------------------------------
 * Header text wordmark (replaces logo image; works without Tailwind).
 * ------------------------------------------------------------------------- */
.lv-header-inner-brand {
	display: flex;
	align-items: center;
	min-width: 0;
	flex-shrink: 0;
}

.lv-brandmark {
	display: inline-flex;
	align-items: center;
	max-width: 100%;
	padding: 0.2rem 0.35rem;
	margin: -0.2rem -0.35rem;
	text-decoration: none;
	color: #f8fafc;
	border-radius: 0.5rem;
	outline: none;
	transition: opacity 0.2s ease, transform 0.2s ease;
}

.lv-brandmark:hover {
	opacity: 0.9;
}

.lv-brandmark:active {
	transform: translateY(1px);
}

.lv-brandmark:focus-visible {
	box-shadow: 0 0 0 2px rgba(251, 191, 36, 0.9), 0 0 0 4px #0f172a;
}

.lv-brandmark__row {
	display: inline-flex;
	flex-wrap: nowrap;
	align-items: baseline;
	column-gap: 0.35rem;
	line-height: 1.05;
	white-space: nowrap;
}

.lv-brandmark__word {
	font-size: clamp(1.05rem, 2.4vw, 1.45rem);
	font-weight: 800;
	letter-spacing: -0.035em;
	color: #f8fafc;
	text-shadow: 0 1px 0 rgba(15, 23, 42, 0.35);
}

.lv-brandmark__word--accent {
	background: linear-gradient(105deg, #fef3c7 0%, #f59e0b 42%, #38bdf8 100%);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	text-shadow: none;
	filter: drop-shadow(0 1px 1px rgba(15, 23, 42, 0.25));
}

.lv-brandmark__word--solo {
	background: linear-gradient(105deg, #ffffff 0%, #e2e8f0 50%, #fbbf24 95%);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	text-shadow: none;
	filter: drop-shadow(0 1px 1px rgba(15, 23, 42, 0.2));
}

@media (max-width: 480px) {
	.lv-brandmark__word {
		font-size: clamp(0.82rem, 4.8vw, 1.2rem);
	}
	.lv-brandmark {
		padding: 0.12rem 0.2rem;
		margin: -0.12rem -0.2rem;
	}
}