/**
 * Search Modal Styles
 *
 * @package StudioSwift
 */

/* Search result states */
.search-result--loading {
	text-align: center;
	padding: 2rem;
}

.search-result--loading p,
.search-result--error p {
	margin: 0;
	color: #666;
}

/* Loading spinner */
.search-loader {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 1rem;
	margin: 0 auto;
}

.search-loader__spinner {
	width: 32px;
	height: 32px;
	border: 3px solid #f3f3f3;
	border-top: 3px solid #00A400;
	border-radius: 50%;
	animation: spin 1s linear infinite;
}

@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

/* Error state */
.search-result--error {
	background-color: #fef2f2;
	border: 1px solid #fecaca;
	border-radius: 8px;
}

.search-result--error p {
	color: #dc2626;
}

/* Clear button styling */
#site-search-clear {
	background: none;
	border: none;
	color: #666;
	cursor: pointer;
	font-size: 0.875rem;
	padding: 0.5rem;
	transition: color 0.2s ease;
}

#site-search-clear:hover,
#site-search-clear:focus {
	color: #00A400;
	outline: none;
}

/* Hide footer initially */
.site-search__footer {
	display: none;
}