/* ==== NEWS (/news/) ==== */
.p-news-archive {
  background-color: var(--c-bg-section);
  padding: calc(var(--header-h) + 80px) 40px 160px;
  position: relative;
}

.p-news-archive__breadcrumb {
  max-width: var(--content-w);
  margin: 0 auto 60px;
  font-family: var(--ff-serif-en);
  font-size: 1.3rem;
  letter-spacing: .2em;
  color: var(--c-primary);
}

.p-news-archive__title {
  text-align: center;
  font-family: var(--ff-serif-en);
  font-weight: 400;
  font-size: 6.4rem;
  color: var(--c-primary);
  margin-bottom: 60px;
}

.p-news-archive__card {
  /* c-card c-card--wide で共通化 */
}

.p-news-list--archive .p-news-list__item {
  padding: 20px 0;
  border-bottom: 1px solid var(--c-border-gold);
}

.p-news-list--archive .p-news-list__link {
  display: flex;
  gap: 3%;
}

.p-news-list--archive .p-news-list__item:first-child {
  border-top: 0;
}

.p-news-list__icon {
  width: 30px;
  height: 30px;
}

/* ── WP-PageNavi ── */
.wp-pagenavi {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 14px;
  margin-top: 48px;
}

/* ページ番号テキスト（「1 / 3」など）は非表示 */
.wp-pagenavi .pages {
  display: none;
}

/* 共通ドットスタイル */
.wp-pagenavi a,
.wp-pagenavi span.current,
.wp-pagenavi span.extend {
  display: inline-block;
  width: 14px;
  height: 14px;
  border: 1px solid var(--c-primary-dark);
  border-radius: 0;
  background: transparent;
  font-size: 0;
  line-height: 0;
  text-indent: -9999px;
  padding: 0;
  transition: background-color var(--dur) var(--ease);
}

/* ホバー */
.wp-pagenavi a:hover {
  background-color: var(--c-primary-dark);
  opacity: 0.6;
}

/* 現在のページ：塗りつぶし */
.wp-pagenavi span.current {
  background-color: var(--c-primary-dark);
}

/* 前へ・次へリンク：非表示 */
.wp-pagenavi .previouspostslink,
.wp-pagenavi .nextpostslink,
.wp-pagenavi .first,
.wp-pagenavi .last {
  display: none;
}

/* .page-news .l-header__bg {
  opacity: 1 !important;
} */

@media (max-width: 767px) {
  .p-news-list__item {
    display: grid;
  }
  .p-news-archive {
    padding: calc(var(--header-h) + 7%) var(--gutter) 80px;
  }
  .p-news-archive__breadcrumb {
    margin-bottom: 40px;
  }
  .p-news-archive__title {
    font-size: 3rem;
    margin-bottom: 20px;
  }
  /* .p-news-archive__card padding は c-card--wide で管理 */
}