/*
Theme Name: 奥飛騨冬物語 お知らせ
Theme URI: https://winterstory.okuhida.or.jp/news/
Author: 株式会社FUTSU
Description: 奥飛騨冬物語サイトの「お知らせ」だけをWordPressで運用するための最小テーマ。見た目の正は静的サイト側の css/（base.css・lower.css・page-news.css 等）で、このテーマはそれを読み込むだけ。ここには「WPの出力を静的サイトのmarkupに合わせる」ための最小限の上書きしか書かない。意匠を足したくなったら静的サイト側のCSSを直すこと。
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 8.0
*/

/* 記事本文は静的サイトの .p-news__excerpt（p要素・17px/31px）に合わせる。
   ブロックエディタは <p> を吐くので、包んでいる div の余白を殺して同じ見た目にする */
.p-news__excerpt > :first-child { margin-top: 0; }
.p-news__excerpt > :last-child  { margin-bottom: 0; }
.p-news__excerpt p { margin: 0 0 10px; }
.p-news__excerpt ul,
.p-news__excerpt ol { margin: 0 0 10px; padding-left: 1.4em; }
.p-news__excerpt img { max-width: 100%; height: auto; }
.p-news__excerpt a { color: var(--color-blue); text-decoration: underline; }

/* カテゴリタブ: 静的版は span、WP版は絞り込みリンク。下線と色を静的版に揃える */
a.p-news__tab { text-decoration: none; }
a.p-news__tab:hover,
a.p-news__tab:focus-visible { background: var(--color-blue); color: var(--color-white); }

/* ページ送りのリンクも同様 */
a.p-news__page { text-decoration: none; }

/* 記事が0件のとき（静的版には無い状態） */
.p-news__empty {
  margin: 34px 0 0;
  font-family: var(--font-jp);
  font-weight: 400;
  font-size: 17px;
  line-height: 31px;
  letter-spacing: 0.02em;
  color: var(--color-ink);
}