@charset "UTF-8";

/* 鹿野茶誌：清單沿用首頁樣式，僅調整內頁上方留白 */
.page-news .index_news { padding-top: 100px; }

/* 分類按鈕：細框與深色選取狀態，沿用全站色彩及字級 */
.news-filters { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; margin-bottom: 48px; }
.news-filters button { min-width: 112px; min-height: 48px; padding: 12px 24px; border: 1px solid var(--color-line); border-radius: 0; background: transparent; font-size: var(--font-base); line-height: 1.5; transition: background-color var(--transition), color var(--transition), border-color var(--transition); }
.news-filters button.is-active { border-color: var(--color-deep); background: var(--color-deep); color: #fff; }

/* 靜態分頁：預留目前頁、一般頁與停用狀態 */
.news-pagination ul { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 10px; }
.news-pagination button { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-width: 44px; min-height: 44px; padding: 10px 14px; border: 1px solid var(--color-line); border-radius: 0; background: transparent; font-size: var(--font-small); line-height: 1.5; transition: background-color var(--transition), color var(--transition), border-color var(--transition); }
.news-pagination button.is-active { border-color: var(--color-deep); background: var(--color-deep); color: #fff; }
.news-pagination button:disabled { opacity: .35; cursor: default; }

/* 滑鼠狀態：保持與首頁細框、深底反白的視覺一致 */
@media (hover: hover) {
  .news-filters button:not(.is-active):hover,
  .news-pagination button:not(:disabled):not(.is-active):hover { border-color: var(--color-deep); background: var(--color-deep); color: #fff; }
}

/* 手機版面：分類分為兩欄，分頁保留箭頭及頁碼以避免擠壓 */
@media (max-width: 767px) {
  .page-news .index_news { padding-top: 64px; }
  .news-filters { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); max-width: 360px; margin: 0 auto 36px; }
  .news-filters button { min-width: 0; padding: 12px 16px; font-size: var(--font-small); }
  .news-pagination ul { gap: 6px; }
  .news-page-label { display: none; }
}