.search-result--loading {
text-align: center;
padding: 2rem;
}
.search-result--loading p,
.search-result--error p {
margin: 0;
color: #666;
} .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); }
} .search-result--error {
background-color: #fef2f2;
border: 1px solid #fecaca;
border-radius: 8px;
}
.search-result--error p {
color: #dc2626;
} #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;
} .site-search__footer {
display: none;
}