/* ============================================================
   42-index.css — 一覧ページ（アーティスト・機材・バンド・メンバー・メーカー・検索）
     1. 共通（件数・結果なし・ページ送り・セクションの間隔・見出しの横線）
     2. 一覧ページの検索窓
     3. 機材一覧（絞り込み・入口の棚）
     4. アーティスト一覧（機材ギャラリー）
     5. 人の行（アーティスト個別ページの「関連アーティスト」など）
     6. バンド（タイル・一覧の見出し・バンドのメンバー）
     7. メーカー一覧
     8. 検索結果
   v5.1.0 で、同じ要素への上書きの積み重ねを1つにまとめ、使われていない指定を消した。
   !important はもう使っていない（Cocoon の input の指定には、詳細度で勝てる）。
   ============================================================ */

/* ------------------------------------------------------------
   1. 共通
   ------------------------------------------------------------ */

/* ページ送り（機材一覧・カテゴリー・検索結果） */
.rl-pager { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 8px; margin-top: 48px; }
.rl-pager .page-numbers { display: inline-flex; flex: 0 0 auto; align-items: center; justify-content: center; box-sizing: border-box; width: auto; height: auto; min-width: 40px; min-height: 40px; margin: 0; padding: 8px 14px; border: 1px solid var(--rl-line); border-radius: 999px; background: var(--rl-bg); color: var(--rl-text-2); font-family: var(--ff-mono); font-size: var(--fs-sm); line-height: 1; text-align: center; text-decoration: none; white-space: nowrap; transition: all .2s; }
.rl-pager .page-numbers span { line-height: 1; }
.rl-pager a.page-numbers:hover { border-color: var(--rl-text); color: var(--rl-text); }
.rl-pager .page-numbers.current { border-color: var(--rl-text); background: var(--rl-text); color: var(--rl-bg); }
.rl-pager .page-numbers.dots { min-width: auto; min-height: 0; padding: 8px 4px; border: 0; background: transparent; }
.rl-pager .page-numbers.prev, .rl-pager .page-numbers.next { gap: 6px; padding: 8px 16px; }
.rl-pager .page-numbers.is-off { opacity: .32; cursor: default; }
.rl-pager__txt { font-size: 12.5px; line-height: 1; }
.rl-pager__info { margin: 12px 0 0; font-family: var(--ff-body); font-size: 11.5px; color: var(--rl-text-3); text-align: center; }

/* 見出しの下いっぱいに細い線を引く型（線はラベルの下端にかかる） */

@media (max-width: 600px) {
  .rl-pager { gap: 6px; margin-top: 32px; }
  .rl-pager .page-numbers { min-width: 36px; padding: 8px 10px; font-size: 13px; }
  .rl-pager .page-numbers.prev, .rl-pager .page-numbers.next { padding: 8px 12px; }
  .rl-pager__txt { display: none; }
  .rl-pager__info { font-size: 11px; }
}

/* ------------------------------------------------------------
   2. 一覧ページの検索窓 … 白い丸い枠の中に、虫眼鏡と入力欄を横に並べる
   HTML は <div|form class="rl-gear-search rl-idx__search"> ＋ .rl-hero__search-ico ＋ input
   ------------------------------------------------------------ */

/* ------------------------------------------------------------
   3. 機材一覧（/gear/） … HTML は templates/archive-gear.php
   ------------------------------------------------------------ */

/* ------------------------------------------------------------
   6. バンド
   ------------------------------------------------------------ */

/* ------------------------------------------------------------
   8. 検索結果（v5.0.0） … HTML は templates/search.php
   ------------------------------------------------------------ */