/*
 * GS Salon - Primary Archive Search
 * جستجوی اصلی مستقل از سایدبار
 */

.gs-archive-search {
	position: relative;
	margin-bottom: 18px;
	padding: 1px;
	overflow: hidden;
	border: 1px solid rgba(191, 156, 96, .22);
	border-radius: 26px;
	background:
		radial-gradient(
			circle at 8% 8%,
			rgba(191, 156, 96, .18),
			transparent 34%
		),
		linear-gradient(
			135deg,
			rgba(255, 253, 249, .94),
			rgba(248, 239, 226, .82)
		);
	box-shadow:
		0 16px 38px rgba(66, 47, 23, .08),
		inset 0 1px 0 rgba(255, 255, 255, .76);
}

.gs-archive-search::after {
	content: "";
	position: absolute;
	inset-inline: 12%;
	bottom: 0;
	height: 1px;
	background: linear-gradient(
		90deg,
		transparent,
		rgba(191, 156, 96, .45),
		transparent
	);
	pointer-events: none;
}

.gs-archive-search__content {
	position: relative;
	z-index: 1;
	display: flex;
	align-items: center;
	gap: 22px;
	padding: 20px 22px;
	direction: rtl;
}

.gs-archive-search__heading {
	flex: 0 0 auto;
	min-width: 145px;
}

.gs-archive-search__eyebrow {
	display: block;
	margin-bottom: 3px;
	color: var(--gs-accent-strong);
	font-size: .74rem;
	font-weight: 800;
	letter-spacing: .02em;
}

.gs-archive-search__heading h2 {
	margin: 0;
	color: var(--gs-primary);
	font-size: 1.08rem;
	font-weight: 900;
	line-height: 1.5;
}

.gs-archive-search__form {
	flex: 1 1 auto;
	min-width: 0;
}

.gs-search-input-group {
	position: relative;
	display: flex;
	align-items: center;
	min-height: 54px;
	padding: 0 16px;
	border: 1px solid rgba(191, 156, 96, .22);
	border-radius: 17px;
	background: rgba(255, 255, 255, .80);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, .9),
		0 8px 18px rgba(92, 65, 30, .05);
	transition:
		border-color .24s ease,
		box-shadow .24s ease,
		background-color .24s ease;
}

.gs-search-input-group:focus-within {
	border-color: rgba(191, 156, 96, .70);
	background: #fffdf9;
	box-shadow:
		0 0 0 4px rgba(191, 156, 96, .12),
		0 12px 24px rgba(92, 65, 30, .08);
}

.js-gs-global-search-input {
	width: 100%;
	min-width: 0;
	border: 0;
	outline: 0;
	background: transparent;
	color: var(--gs-primary);
	font-family: var(--gs-font-family, Vazirmatn, sans-serif);
	font-size: .96rem;
	font-weight: 600;
	line-height: 1.5;
}

.js-gs-global-search-input::placeholder {
	color: rgba(87, 67, 42, .56);
	font-weight: 500;
}

.gs-search-icon {
	display: inline-flex;
	width: 20px;
	height: 20px;
	flex: 0 0 20px;
	margin-inline-end: 11px;
	color: var(--gs-accent-strong);
}

.gs-search-icon::before {
	content: "";
	width: 11px;
	height: 11px;
	border: 2px solid currentColor;
	border-radius: 50%;
}

.gs-search-icon::after {
	content: "";
	width: 7px;
	height: 2px;
	margin-top: 13px;
	margin-inline-start: -3px;
	border-radius: 99px;
	background: currentColor;
	transform: rotate(45deg);
	transform-origin: center;
}

.gs-search-loader {
	position: absolute;
	left: 18px;
	width: 18px;
	height: 18px;
	border: 2px solid rgba(191, 156, 96, .22);
	border-top-color: var(--gs-accent-strong);
	border-radius: 50%;
	animation: gs-archive-search-spin .7s linear infinite;
}

@keyframes gs-archive-search-spin {
	to {
		transform: rotate(360deg);
	}
}

/* جستجوی محلی داخل فیلترهای سایدبار */
.gs-local-search-input {
	width: 100%;
	min-height: 42px;
	padding: 9px 12px;
	border: 1px solid rgba(191, 156, 96, .18);
	border-radius: 10px;
	outline: none;
	background: rgba(255, 255, 255, .58);
	color: var(--gs-primary);
	font-family: var(--gs-font-family, Vazirmatn, sans-serif);
	font-size: .85rem;
	transition:
		border-color .2s ease,
		background-color .2s ease;
}

.gs-local-search-input::placeholder {
	color: rgba(87, 67, 42, .54);
}

.gs-local-search-input:focus {
	border-color: rgba(191, 156, 96, .58);
	background: #fffdf9;
	box-shadow: 0 0 0 3px rgba(191, 156, 96, .10);
}

@media (max-width: 768px) {
	.gs-archive-search {
		border-radius: 22px;
	}

	.gs-archive-search__content {
		flex-direction: column;
		align-items: stretch;
		gap: 13px;
		padding: 18px 16px;
	}

	.gs-archive-search__heading {
		min-width: 0;
	}

	.gs-archive-search__heading h2 {
		font-size: 1rem;
	}

	.gs-search-input-group {
		min-height: 52px;
		padding-inline: 14px;
	}
}

@media (max-width: 480px) {
	.gs-archive-search {
		margin-bottom: 14px;
		border-radius: 19px;
	}

	.gs-archive-search__content {
		padding: 15px 14px;
	}

	.gs-search-input-group {
		min-height: 50px;
		border-radius: 14px;
	}

	.js-gs-global-search-input {
		font-size: .9rem;
	}
}