/**
 * AJAX検索コンポーネント
 *
 * ローディング表示、結果なしメッセージ
 */

/* ローディングインジケーター */
.c-ajax-search__loading {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: var(--wp--preset--spacing--7-xl);
  text-align: center;
}

.c-ajax-search__spinner {
  width: 48px;
  height: 48px;
  border: 4px solid var(--wp--preset--color--gray-lighter);
  border-top-color: var(--wp--preset--color--primary);
  border-radius: 50%;
  animation: ajax-spinner 0.8s linear infinite;
  margin-bottom: var(--wp--preset--spacing--lg);
}

@keyframes ajax-spinner {
  to {
    transform: rotate(360deg);
  }
}

.c-ajax-search__loading p {
  margin: 0;
  color: var(--wp--preset--color--gray-dark);
  font-size: var(--wp--preset--font-size--sm);
}

/* 結果なしメッセージ */
.c-ajax-search__no-results {
  padding: var(--wp--preset--spacing--7-xl);
  text-align: center;
  color: var(--wp--preset--color--gray-dark);
  font-size: var(--wp--preset--font-size--md);
  background: var(--wp--preset--color--gray-lightest);
  border-radius: var(--wp--custom--border--radius--md);
  margin: var(--wp--preset--spacing--base) 0;
}