/*
Theme Name: ケアハート お知らせと日記
Description: 合同会社ケアハートのサイト（静的HTML）と同じ見た目で「お知らせと日記」を表示するテーマ。見た目の土台はサイト本体の /asset/css/ を読み込む。
Version: 1.0.0
Author: WINXCY
Text Domain: careheart
*/

/* ここには WordPress で増えた部分だけを書く（一覧カード・記事本文の見た目はサイト本体の careheart-fix.css） */

/* カテゴリー絞り込み（すべて／お知らせ／日記） */
.chBlogFilter{ display: flex; flex-wrap: wrap; gap: 10px; margin: 0 0 26px; }
.chBlogFilter a{
  display: inline-block; padding: 8px 20px; border-radius: 999px;
  font-size: 14px; font-weight: 700; text-decoration: none;
  color: var(--ch-ink, #23404f); background: #fff; border: 1px solid rgba(120,195,220,.55);
  transition: background .2s, color .2s;
}
.chBlogFilter a:hover{ background: #EAF5F9; }
.chBlogFilter a[aria-current="page"]{ background: var(--ch-ink, #23404f); border-color: var(--ch-ink, #23404f); color: #fff; }

/* カテゴリーの小さな札（日付の横） */
.chBlogCat{
  display: inline-block; margin-left: 10px; padding: 1px 10px; border-radius: 999px;
  font-family: "Hiragino Kaku Gothic ProN", "Yu Gothic", sans-serif;
  font-size: 11.5px; font-weight: 700; letter-spacing: .04em; vertical-align: 1px;
  color: #fff; background: #6FBBD6; text-decoration: none;
}
.chBlogCat--news{ background: #E64784; }   /* お知らせ＝サイトのピンク */
.chBlogCat--diary{ background: #3FA9A2; }  /* 日記＝サイトのティール */

/* ページ送り */
.chPager{ display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin: 36px 0 0; }
.chPager .page-numbers{
  min-width: 42px; height: 42px; padding: 0 14px; box-sizing: border-box;
  display: inline-flex; align-items: center; justify-content: center;
  border-radius: 999px; font-size: 14px; font-weight: 700; text-decoration: none;
  color: var(--ch-ink, #23404f); background: #fff; border: 1px solid rgba(120,195,220,.55);
}
.chPager .page-numbers.current{ background: var(--ch-ink, #23404f); border-color: var(--ch-ink, #23404f); color: #fff; }
.chPager .page-numbers.dots{ border: 0; background: none; min-width: 0; }
.chBlogEmpty{ text-align: center; color: #66727A; padding: 40px 0; }

/* 記事タイトルは h1（静的時代は h2）。見た目は同じに揃える */
h1.chEntry__ttl{ font-family: inherit; }

/* タグ（静的時代は span、WPではタグ一覧へのリンク） */
.chEntry__tags a{
  font-size: 12px; color: #6E7B83; background: #F1F6F8;
  border-radius: 999px; padding: 5px 12px; text-decoration: none;
}
.chEntry__tags a:hover{ background: #E3EEF2; }

/* ---- 管理画面で書いた本文（ブロックエディタ）の見た目 ---- */
.chEntry__body > *:first-child{ margin-top: 0; }
.chEntry__body h2, .chEntry__body h3, .chEntry__body h4{
  color: var(--ch-ink, #23404f); font-weight: 800; line-height: 1.6; margin: 38px 0 16px;
}
.chEntry__body h2{ font-size: 21px; padding-left: 14px; border-left: 5px solid #7ED0CB; }
.chEntry__body h3{ font-size: 18px; }
.chEntry__body h4{ font-size: 16px; }
.chEntry__body ul, .chEntry__body ol{ margin: 0 0 18px; padding-left: 1.5em; font-size: 15.5px; line-height: 2; color: #3B4A52; }
.chEntry__body ul{ list-style: disc; }
.chEntry__body ol{ list-style: decimal; }
.chEntry__body a{ color: var(--ch-blue, #0060B0); text-decoration: underline; word-break: break-all; }
.chEntry__body strong{ font-weight: 800; }
.chEntry__body blockquote{ margin: 24px 0; padding: 14px 20px; background: #F4F9FB; border-left: 4px solid #B9DCE8; border-radius: 0 12px 12px 0; }
.chEntry__body img{ max-width: 100%; height: auto; border-radius: 16px; }
.chEntry__body .wp-block-image, .chEntry__body .wp-caption{ margin: 26px 0; }
.chEntry__body .wp-block-image img{ display: block; }
.chEntry__body .wp-block-image.aligncenter, .chEntry__body .aligncenter{ margin-left: auto; margin-right: auto; text-align: center; }
.chEntry__body .wp-block-image.aligncenter img{ margin: 0 auto; }
.chEntry__body figcaption, .chEntry__body .wp-caption-text{ font-size: 12.5px; color: #6E7B83; text-align: center; margin-top: 8px; }
.chEntry__body .wp-block-gallery{ margin: 26px 0; gap: 10px; }
.chEntry__body .wp-block-gallery figure{ margin: 0; }
.chEntry__body .wp-block-embed, .chEntry__body iframe{ max-width: 100%; }
.chEntry__body .wp-block-embed__wrapper iframe{ width: 100%; }
.chEntry__body .wp-block-button__link{ border-radius: 999px; background: var(--ch-blue, #0060B0); color: #fff; text-decoration: none; padding: 12px 28px; font-weight: 700; }
.chEntry__body .wp-block-separator{ border: 0; border-top: 2px solid #E7EFF3; margin: 32px 0; }
.chEntry__body table{ width: 100%; border-collapse: collapse; margin: 0 0 18px; font-size: 14.5px; }
.chEntry__body th, .chEntry__body td{ border: 1px solid #DCE8EE; padding: 10px 12px; text-align: left; }
.chEntry__body th{ background: #F4F9FB; }
@media screen and (max-width: 767px){
  .chBlogFilter{ gap: 8px; margin-bottom: 20px; }
  .chBlogFilter a{ padding: 7px 16px; font-size: 13px; }
  .chEntry__body h2{ font-size: 18.5px; }
  .chEntry__body ul, .chEntry__body ol{ font-size: 15px; }
}