/*
 * GS Salon - Archive Base & Layout
 */

.gs-salon-archive {
	padding: 32px 0 96px;
	background:
		radial-gradient(circle at top right, rgba(191,156,96,.10), transparent 24%),
		radial-gradient(circle at top left, rgba(191,156,96,.07), transparent 20%),
		linear-gradient(180deg,#fcf8f2 0%,#f5eee4 100%);
	color: var(--gs-text-main);
}

.gs-archive-hero,
.gs-archive-sidebar__inner,
.gs-archive-card,
.gs-archive-sheet__panel {
	background: rgba(255,251,246,.78);
	border: 1px solid rgba(191,156,96,.18);
	box-shadow: 0 14px 36px rgba(66,47,23,.07), inset 0 1px 0 rgba(255,255,255,.6);
	backdrop-filter: blur(14px);
}

.gs-archive-hero {
	position: relative;
	margin-bottom: 24px;
	padding: 28px;
	border-radius: 28px;
	overflow: hidden;
}

.gs-archive-hero::before {
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
	background:
		radial-gradient(circle at 10% 12%, rgba(191,156,96,.12), transparent 17%),
		linear-gradient(90deg, transparent, rgba(191,156,96,.05), transparent);
}

.gs-archive-hero__content {
	position: relative;
	z-index: 1;
	direction: rtl;
}

.gs-archive-eyebrow {
	margin: 0 0 10px;
	color: var(--gs-accent-strong);
	font-weight: 800;
	font-size: .92rem;
}

.gs-archive-title {
	margin: 0 0 12px;
	color: var(--gs-primary);
	font-weight: 900;
	font-size: 2rem;
	line-height: 1.35;
}

.gs-archive-description,
.gs-archive-description p {
	color: var(--gs-text-muted);
	line-height: 2;
}

.gs-archive-description p {
	margin: 0 0 .7rem;
}

/* Base Layout Grid */
.gs-archive-layout {
	display: grid;
	grid-template-columns: 320px minmax(0,1fr);
	gap: 22px;
	align-items: start;
	direction: rtl;
}

.gs-archive-sidebar {
	grid-column: 1;
}

.gs-archive-feed {
	grid-column: 2;
	min-width: 0;
}

.gs-archive-feed.is-loading,
.gs-archive-feed__meta.is-loading,
.gs-archive-filter.is-loading {
	opacity: .72;
	transition: opacity .22s ease;
}