/**
 * c-results-info-001: 検索結果情報表示
 * 検索結果の件数表示エリアの共通スタイル（スティッキー対応）
 */

:where(.c-results-info-001) {
  position: sticky;
  top: 0;
  padding: var(--wp--preset--spacing--base) var(--wp--preset--spacing--base);
  background: var(--wp--preset--color--gray-lightest);
  border-left: 4px solid var(--wp--preset--color--primary);
  margin-bottom: var(--wp--preset--spacing--lg);
  z-index: var(--wp--custom--z-index--sticky);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
  transition: box-shadow var(--wp--custom--transition--duration--base) var(--wp--custom--transition--timing--ease);
}

/* スクロール時のシャドウ強調 */
:where(.c-results-info-001.is-scrolled) {
  box-shadow: var(--wp--custom--shadow--md);
}

:where(.c-results-info-001__container) {
  max-width: 900px;
  margin: 0 auto;
}

:where(.c-results-info-001__text) {
  font-size: var(--wp--preset--font-size--sm);
  color: var(--wp--preset--color--text);
  margin: 0;
  display: flex;
  align-items: center;
  gap: var(--wp--preset--spacing--xs);
}

:where(.c-results-info-001__text .material-symbols-outlined) {
  font-size: 1.2em;
  color: var(--wp--preset--color--primary);
}

/* 動的カウント表示用のスタイル */
:where(.c-results-info-001__count) {
  font-weight: var(--wp--custom--font-weight--bold);
  color: var(--wp--preset--color--primary);
}

:where(.c-results-info-001__count-range) {
  font-weight: var(--wp--custom--font-weight--bold);
  color: var(--wp--preset--color--primary-dark);
}

:where(.c-results-info-001__count-total) {
  font-weight: var(--wp--custom--font-weight--medium);
  color: var(--wp--preset--color--gray-dark);
}