.geo-archive__search { 
	margin-bottom: var(--geo-space-6); 
	position: relative;
}

.geo-archive__search-form { 
	display: flex; 
	flex-wrap: wrap;
	align-items: center;
	gap: var(--geo-space-3); 
	width: 100%;
	background: var(--geo-surface);
	padding: var(--geo-space-4);
	border-radius: var(--geo-card-radius);
	box-shadow: var(--geo-shadow-xs);
	border: 1px solid var(--geo-border);
}

.geo-archive__search-form input[type="text"],
.geo-archive__search-form select {
	padding: 12px 14px;
	border: 1px solid var(--geo-border);
	border-radius: var(--geo-radius);
	font-size: var(--geo-font-sm);
	font-weight: 500;
	background: var(--geo-surface);
	transition: border-color var(--geo-transition-base), box-shadow var(--geo-transition-base);
	outline: none;
	color: var(--geo-text);
	flex: 1 1 180px;
	min-width: 180px;
}

.geo-archive__search-form input[type="text"]:focus,
.geo-archive__search-form select:focus {
	border-color: var(--geo-primary);
	box-shadow: 0 0 0 3px rgba(var(--geo-primary-rgb), 0.16);
}

.geo-archive__search-form input[type="text"]::placeholder {
	color: var(--geo-text-muted);
	font-weight: 400;
}

.geo-archive__search-form button[type="submit"] {
	background: var(--geo-primary);
	color: var(--geo-white);
	border: 1px solid var(--geo-primary);
	border-radius: var(--geo-btn-radius);
	padding: var(--geo-btn-pad-y) var(--geo-btn-pad-x);
	font-size: var(--geo-btn-font);
	font-weight: 700;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: var(--geo-space-2);
	transition: transform var(--geo-transition-base), box-shadow var(--geo-transition-base), background var(--geo-transition-base);
	box-shadow: 0 8px 18px rgba(var(--geo-primary-rgb), 0.18);
	min-width: 120px;
	min-height: var(--geo-btn-height);
	flex: 0 0 auto;
}

.geo-archive__search-form button[type="submit"]:hover {
	background: var(--geo-primary-hover);
	transform: translateY(-1px);
	box-shadow: 0 12px 24px rgba(var(--geo-primary-rgb), 0.22);
}

.geo-archive__search-form button[type="submit"]:active {
	transform: translateY(-1px);
	box-shadow: 0 6px 12px rgba(var(--geo-primary-rgb), 0.2);
}

/* Loading state */
.geo-archive__search-form.loading button[type="submit"] {
	background: var(--geo-border);
	cursor: not-allowed;
}

.geo-archive__search-form.loading button[type="submit"]::after {
	content: '';
	width: 16px;
	height: 16px;
	border: 2px solid transparent;
	border-top: 2px solid var(--geo-white);
	border-radius: 50%;
	animation: geo-spin 1s linear infinite;
}

.geo-archive__search-form .geo-use-location {
	background: transparent;
	color: var(--geo-primary);
	border: 1px solid var(--geo-border);
	box-shadow: none;
	border-radius: var(--geo-btn-radius);
	padding: var(--geo-btn-pad-y) var(--geo-btn-pad-x);
	font-size: var(--geo-btn-font);
	min-height: var(--geo-btn-height);
}

.geo-archive__search-form .geo-use-location:hover {
	background: rgba(var(--geo-primary-rgb), 0.08);
	transform: none;
	box-shadow: none;
}

/* Enhanced select styling */
.geo-archive__search-form select {
	appearance: none;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");
	background-repeat: no-repeat;
	background-position: right 12px center;
	background-size: 20px;
	padding-right: 44px;
}

.geo-archive__search-form select:focus {
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23D32F2F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");
}

/* Responsive design */
@media (max-width: 1024px) {
	.geo-archive__search-form {
		flex-direction: column;
		align-items: stretch;
		padding: var(--geo-space-3-5);
		gap: var(--geo-space-4);
	}
}

@media (max-width: 768px) {
	.geo-archive__search {
		margin-bottom: var(--geo-space-5);
	}
	
	.geo-archive__search-form {
		padding: var(--geo-space-3);
		border-radius: var(--geo-card-radius);
		gap: var(--geo-space-3-5);
	}
	
	.geo-archive__search-form input[type="text"],
	.geo-archive__search-form select,
	.geo-archive__search-form button[type="submit"] {
		padding: var(--geo-btn-pad-y) var(--geo-btn-pad-x);
		font-size: var(--geo-btn-font);
	}
}

.geo-archive-load-more-wrap {
	display: flex;
	justify-content: center;
	margin: 24px 0 8px;
}

.geo-archive-load-more.is-loading {
	opacity: 0.7;
}

/* Search suggestions container */
.geo-search-suggestions {
	position: absolute;
	top: 100%;
	left: 16px;
	right: 16px;
	background: var(--geo-surface);
	border: 1px solid var(--geo-border);
	border-radius: var(--geo-card-radius);
	box-shadow: var(--geo-shadow-sm);
	z-index: 1000;
	max-height: 300px;
	overflow-y: auto;
	display: none;
}

.geo-search-suggestions.active {
	display: block;
}

.geo-search-suggestion {
	padding: 12px 16px;
	cursor: pointer;
	border-bottom: 1px solid rgba(229, 231, 235, 0.7);
	transition: background-color var(--geo-transition-base);
}

.geo-search-suggestion:hover,
.geo-search-suggestion.active {
	background: var(--geo-gray-50);
}

.geo-search-suggestion:last-child {
	border-bottom: none;
}
