/* ======================================================
   Archive Replace CSS
   - 控えめ見出し / 読みやすさ / タップしやすさ
   - 画像下キャプション対応（営業中リスト風）
   ====================================================== */

/* 変数（既存 :root があれば自動でそちらが優先されます） */
:root{
  --surface:   #fff;
  --text:      #2F2F2F;
  --muted:     #6E6E6E;
  --accent:    #d85d67;
  --accent-2:  #c14f5c;
  --border:    #e9e6e0;
  --ring:      #2A73FF;
  --card-shadow: 0 2px 10px rgba(0,0,0,.06);
}

/* フォーカス可視化（誤タップ防止） */
:where(a,button,[role="button"],select,input):focus-visible{
  outline: 2px solid var(--ring);
  outline-offset: 2px;
}

/* ----------------------------------------------
   共通：控えめ見出し（既存に上書きは最小限）
---------------------------------------------- */
.page-title{
  background: transparent;
  box-shadow: none;
  border-radius: 0;
  margin: 8px 0 6px;
  padding: 0;
}
.page-title h1{
  position: relative;
  margin: 0;
  padding: 2px 0 2px 10px;
  font-weight: 700;
  color: var(--text);
  line-height: 1.25;
  font-size: clamp(1.1rem, 1rem + 0.8vw, 1.5rem);
}
.page-title h1::before{
  content:"";
  position:absolute; inset:0 auto 0 0;
  width:4px; border-radius:2px;
  background: linear-gradient(180deg, var(--accent) 0%, var(--accent-2) 100%);
}

/* ----------------------------------------------

   共通：ページネーション
---------------------------------------------- */
.custom-pagination{ text-align:center; margin-top: 1em; }
.custom-pagination ul.page-numbers{
  display:inline-flex; align-items:center; justify-content:center;
  gap:.25em; padding:0; margin:0; list-style:none;
}
.custom-pagination ul.page-numbers li{ margin:0; }
.custom-pagination a.page-numbers,
.custom-pagination span.page-numbers{
  display:inline-flex; align-items:center; justify-content:center;
  min-width:44px; min-height:44px;
  padding:0 .6em; border-radius:999px;
  background:#f6f6f6; color:var(--text);
  border:1px solid var(--border); box-shadow:var(--card-shadow);
  text-decoration:none; transition: background .15s, transform .05s;
}
.custom-pagination a.page-numbers:hover{ background:#eee; }
.custom-pagination span.page-numbers.current{
  background: var(--accent); color:#fff; border-color:transparent;
}
.custom-pagination a.prev, .custom-pagination a.next{ line-height:1; }
.custom-pagination svg{ width:22px; height:22px; }