/**
 * LVRQ components.
 */

.lvrq-page .lvrq-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 48px;
	padding: 0 var(--lvrq-space-5);
	border-radius: var(--lvrq-radius-md);
	border: 1px solid transparent;
	font-family: var(--lvrq-font-sans);
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 0.04em;
	text-decoration: none;
	transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.lvrq-page .lvrq-btn--primary {
	background: var(--lvrq-gold);
	color: var(--lvrq-charcoal-deep);
	border-color: var(--lvrq-gold);
}

.lvrq-page .lvrq-btn--primary:hover {
	background: var(--lvrq-gold-hover);
	border-color: var(--lvrq-gold-hover);
	color: var(--lvrq-charcoal-deep);
	text-decoration: none;
}

.lvrq-page .lvrq-btn--ghost {
	background: transparent;
	color: var(--lvrq-white);
	border-color: rgba(255, 255, 255, 0.45);
}

.lvrq-page .lvrq-btn--ghost:hover {
	background: rgba(255, 255, 255, 0.08);
	text-decoration: none;
}

.lvrq-page .lvrq-btn--outline {
	background: transparent;
	color: var(--lvrq-gold-dark);
	border-color: var(--lvrq-gold);
}

.lvrq-page .lvrq-btn--outline:hover {
	background: var(--lvrq-gold);
	color: var(--lvrq-charcoal-deep);
	text-decoration: none;
}

.lvrq-page .lvrq-card {
	background: var(--lvrq-white);
	border: 1px solid var(--lvrq-border-gold);
	border-radius: var(--lvrq-radius-lg);
	padding: var(--lvrq-space-6);
	box-shadow: var(--lvrq-shadow-soft);
}

.lvrq-page .lvrq-card__title {
	font-family: var(--lvrq-font-serif);
	font-size: 1.75rem;
	font-weight: 400;
	margin: 0 0 var(--lvrq-space-3);
}

.lvrq-page .lvrq-card__text {
	color: var(--lvrq-text-secondary);
	margin: 0 0 var(--lvrq-space-5);
}

.lvrq-page .lvrq-card__link {
	color: var(--lvrq-gold-dark);
	font-weight: 600;
	text-decoration: none;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	font-size: 12px;
}

.lvrq-page .lvrq-card__link:hover {
	color: var(--lvrq-gold);
	text-decoration: underline;
}

.lvrq-page .lvrq-cta-panel {
	display: grid;
	grid-template-columns: 1.4fr 1fr;
	gap: var(--lvrq-space-6);
	align-items: center;
	background: linear-gradient(135deg, var(--lvrq-charcoal-deep), var(--lvrq-charcoal));
	color: var(--lvrq-white);
	border-radius: var(--lvrq-radius-xl);
	padding: var(--lvrq-space-8) var(--lvrq-space-7);
}

.lvrq-page .lvrq-cta-panel .lvrq-eyebrow,
.lvrq-page .lvrq-cta-panel .lvrq-lead {
	color: rgba(255, 255, 255, 0.82);
}

.lvrq-page .lvrq-cta-panel__actions {
	display: flex;
	flex-direction: column;
	gap: var(--lvrq-space-3);
}

.lvrq-page .lvrq-trust-bar {
	background: var(--lvrq-off-white);
	border-block: 1px solid var(--lvrq-border-gold);
}

.lvrq-page .lvrq-trust-bar--dark {
	background: #000;
	border-block: 1px solid rgba(201, 168, 76, 0.2);
}

.lvrq-page .lvrq-trust-bar--dark .lvrq-trust-bar__item {
	color: rgba(255, 255, 255, 0.9);
}

.lvrq-page .lvrq-trust-bar--dark .lvrq-trust-bar__mark {
	background: var(--lvrq-gold);
	box-shadow: 0 0 0 3px rgba(201, 168, 76, 0.25);
}

.lvrq-page .lvrq-trust-bar--dark .lvrq-trust-bar__list {
	justify-content: space-between;
	gap: var(--lvrq-space-3) var(--lvrq-space-5);
}

.lvrq-page .lvrq-trust-bar__list {
	display: flex;
	flex-wrap: wrap;
	gap: var(--lvrq-space-4) var(--lvrq-space-6);
	list-style: none;
	margin: 0;
	padding: var(--lvrq-space-4) 0;
}

.lvrq-page .lvrq-trust-bar__item {
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--lvrq-text-secondary);
}

.lvrq-page .lvrq-trust-bar__item {
	display: inline-flex;
	align-items: center;
	gap: var(--lvrq-space-2);
}

.lvrq-page .lvrq-trust-bar__mark {
	display: inline-block;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: var(--lvrq-gold);
	box-shadow: 0 0 0 3px rgba(201, 168, 76, 0.2);
}
