/**
 * archive-treatment.php 専用スタイル
 * 施術アーカイブページのレイアウト
 */

/* ============================================
   検索フォームセクション
   ============================================ */
.c-archive-treatment-search {
  width: 100%;
  padding: var(--wp--preset--spacing--2-xl) var(--wp--preset--spacing--base);
  background: linear-gradient(
    135deg,
    var(--wp--preset--color--primary-lightest) 0%,
    var(--wp--preset--color--white) 100%
  );
}

@media (min-width: 768px) {
  .c-archive-treatment-search {
    padding: var(--wp--preset--spacing--4-xl) var(--wp--preset--spacing--lg);
  }
}

.c-archive-treatment-search__container {
  max-width: 900px;
  margin: 0 auto;
}

.c-archive-treatment-search__title {
  font-size: var(--wp--preset--font-size--3-xl);
  font-weight: var(--wp--custom--font-weight--bold);
  color: var(--wp--preset--color--primary-darker);
  text-align: center;
  margin: 0 0 var(--wp--preset--spacing--2-xl);
  line-height: var(--wp--custom--line-height--sm);
}

@media (min-width: 768px) {
  .c-archive-treatment-search__title {
    font-size: var(--wp--preset--font-size--4-xl);
    margin-bottom: var(--wp--preset--spacing--3-xl);
  }
}

/* ============================================
   ループラッパーの調整
   ============================================ */
.c-loop-treatment-001__wrapper {
  max-width: 900px;
  margin: 0 auto;
  padding: var(--wp--preset--spacing--2-xl) var(--wp--preset--spacing--base);
}

@media (min-width: 768px) {
  .c-loop-treatment-001__wrapper {
    padding: var(--wp--preset--spacing--4-xl) var(--wp--preset--spacing--lg);
  }
}

/* 検索結果が0件の場合のメッセージ */
.c-loop-treatment-001__empty {
  text-align: center;
  padding: var(--wp--preset--spacing--5-xl) var(--wp--preset--spacing--base);
}

.c-loop-treatment-001__empty p {
  font-size: var(--wp--preset--font-size--lg);
  color: var(--wp--preset--color--gray);
  margin: 0;
}