/*
Theme Name: Lightning Child
Template: lightning
Version: 1.0
*/

:root {
  --kuchinashi: #E6B422; /* 支子色（アクセント） */
  --shinryoku: #2E604A;  /* 深緑（プライマリ） */
  --sumi: #2B2B2B;       /* 墨色（本文） */
  --kinari: #F5F1E8;     /* 生成（背景） */
  --line: #E9E4D8;       /* 枠線色 */
  --font-jp: "Noto Sans JP", sans-serif;
}

/* ページタイトル（Homeなど）を非表示 */
.home .page-header,
.home .entry-title {
  display: none !important;
}

.philo-band{
  background: linear-gradient(135deg, #fff, var(--kinari));
  color: var(--sumi);
  font-family: var(--font-jp);
  padding: clamp(64px, 9vw, 96px) 16px; /* ← 余白を少し広げて柔らかく */
  border-top: none;  /* 境界線を消して自然な流れに */
  border-bottom: 1px solid var(--line);
}

.philo-copy h2{
  border-left: 4px solid var(--kuchinashi); /* 左にラインで温度を加える */
  padding-left: 10px;
  font-weight: 800;
  margin-bottom: 12px;
}

.philo-sub{
  font-size: 15px;
  color: #555;
  line-height: 1.9;
}

.philo-points{
  margin-top: 20px;
  margin-bottom: 24px;
}

.philo-visual{
  padding: 28px 18px;
  background: #fff;
  border-radius: 20px;
  box-shadow: 0 10px 30px rgba(0,0,0,.05);
}

.mount{
  font-size: 13px;
  color: #777;
  letter-spacing: .03em;
}

.j-card {
  border-radius: 16px;
  border: 1px solid var(--line);
  background: #fff;
  box-shadow: 0 6px 18px rgba(0,0,0,.04);
  transition: all .25s ease;
}
.j-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 25px rgba(0,0,0,.08);
}
.j-body { padding: 16px 18px; }
.j-meta { font-size: 13px; color: #777; letter-spacing: .02em; }
.j-title {
  font-size: 15px;
  font-weight: 700;
  color: var(--sumi);
  line-height: 1.6;
  margin-top: 6px;
}

.journal-tease {
  border-top: 1px solid var(--line);
  margin-top: 40px;
  padding-top: 48px;
}

/* セクション全体のトーン統一 */
section {
  scroll-margin-top: 80px; /* スムーズスクロール時の見え方補正 */
}

/* セクション間の呼吸 */
.visa-page, .subsidy-page, .journal-tease {
  margin-top: 60px;
}

/* カードの影をふんわり */
.j-card {
  box-shadow: 0 5px 18px rgba(0,0,0,.04);
}
.j-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 22px rgba(0,0,0,.07);
}

/* “もっと見る”ボタンのトーン統一 */
.btn {
  transition: all .2s ease;
}
.btn:hover {
  background: var(--kuchinashi);
  color: #fff;
}

/* ===== Journal Hero ===== */
.jr-hero{background:linear-gradient(135deg,#fff,var(--kinari));border-bottom:1px solid var(--line)}
.jr-hero__in{max-width:1100px;margin:0 auto;padding:clamp(32px,7vw,64px) 16px}
.jr-hero h1{font-weight:800;font-size:clamp(22px,5vw,36px);margin:0 0 6px;color:var(--sumi)}
.jr-hero__lead{color:#555;margin:0}

/* Category pills */
.jr-cats{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 18px}
.jr-cats a{display:inline-block;border:1px solid var(--line);background:#fff;border-radius:999px;
  padding:8px 14px;font-size:13px;color:#444;text-decoration:none}
.jr-cats a:hover{border-color:var(--kuchinashi);color:var(--sumi);box-shadow:0 2px 8px rgba(0,0,0,.06)}

/* Profile card (右カラム) */
.jr-profile{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px;
  box-shadow:0 6px 18px rgba(0,0,0,.04)}
.jr-profile h2{font-weight:800;margin:2px 0 8px;color:var(--sumi)}
.jr-profile__txt{color:#555;font-size:14px;line-height:1.8;margin:0 0 12px}
.jr-btn{display:inline-flex;align-items:center;gap:.4em;padding:10px 14px;border-radius:999px;
  text-decoration:none;font-weight:700;border:1px solid transparent}
.jr-btn--ghost{background:#fff;border-color:var(--kuchinashi);color:var(--sumi)}
.jr-btn--ghost:hover{background:var(--kuchinashi);color:#fff}

/* クエリーループのカード（後で追加する一覧用） */
.wp-block-post{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;
  box-shadow:0 6px 18px rgba(0,0,0,.04);transition:.25s ease}
.wp-block-post:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(0,0,0,.08)}
.wp-block-post-featured-image img{aspect-ratio:16/9;object-fit:cover}
.wp-block-post-date{color:#777;font-size:12px}
.wp-block-post-title a{color:var(--sumi);font-weight:800;text-decoration:none}
.wp-block-post-excerpt{color:#555}
.wp-block-query-pagination{display:flex;justify-content:center;margin:16px 0 0}
.wp-block-query-pagination .page-numbers{border:1px solid var(--line);border-radius:8px;padding:6px 10px;margin:0 4px}
.wp-block-query-pagination .current{border-color:var(--kuchinashi);font-weight:700}

.page-id-24 .entry-title{display:none;}
/* テーマによっては以下も必要 */
.page-id-24 .entry-header{display:none;}

/* journal ページだけページヘッダーを非表示 */
.page-id-24 .page-header,
.page-id-24 .entry-title,
.page-id-24 .entry-header { display: none; }

/* Query Loop を確実にグリッド化（保険） */
.wp-block-query .wp-block-post-template {
  display: grid !important;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 16px;
}
@media (min-width: 640px) {
  .wp-block-query .wp-block-post-template { grid-template-columns: repeat(2,1fr); }
}
@media (min-width: 960px) {
  .wp-block-query .wp-block-post-template { grid-template-columns: repeat(3,1fr); }
}
/* 4列にしたい場合はこちらを ON
@media (min-width: 1100px) {
  .wp-block-query .wp-block-post-template { grid-template-columns: repeat(4,1fr); }
}
*/

/* カード化 */
.wp-block-post {
  background: #fff;
  border: 1px solid var(--line, #e9e4d8);
  border-radius: 14px;
  padding: 16px;
  box-shadow: 0 6px 20px rgba(0,0,0,.06);
  transition: transform .15s ease, box-shadow .15s ease;
}
.wp-block-post:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 28px rgba(0,0,0,.10);
}

/* アイキャッチ（比率固定） */
.wp-block-post-featured-image {
  aspect-ratio: 16/9;
  overflow: hidden;
  border-radius: 10px;
  margin: -4px -4px 10px; /* 画像を広く見せる */
}
.wp-block-post-featured-image img {
  width: 100%; height: 100%; object-fit: cover;
}

/* 日付・カテゴリーのトーン */
.wp-block-post-date { color:#777; font-size: 12px; }

/* タイトル */
.wp-block-post-title a {
  color: var(--sumi, #2b2b2b);
  text-decoration: none;
  font-weight: 800;
}
.wp-block-post-title a:hover { color: var(--shinryoku, #2E604A); }

/* 抜粋の余白抑えめに */
.wp-block-post-excerpt { color:#555; font-size: 14px; margin-top: 6px; }

.jr-cats a{
  display:inline-block;
  padding:8px 12px;
  border:1px solid var(--line, #e9e4d8);
  border-radius:999px;
  margin:0 8px 8px 0;
  color:#444; text-decoration:none; font-weight:700; font-size:13px;
  background:#fff;
}
.jr-cats a:hover{ border-color:var(--kuchinashi,#E6B422); }

/* ===== Category Pills（/journal 冒頭のカテゴリーナビ） ===== */

/* ピル全体の並び＆下余白 */
.jr-cats{
  display:flex;
  flex-wrap:wrap;
  gap: 10px 12px;        /* ピル同士の間隔（縦×横） */
  margin: 6px 0 28px;    /* 上×左右×下：←ここで下余白を確保 */
}

/* ピルの見た目 */
.jr-cats a{
  display:inline-block;
  padding: 6px 14px;
  border: 1px solid #e0e0e0;
  border-radius: 999px;
  background:#fff;
  color:#333;
  font-size: .92rem;
  line-height: 1;
  text-decoration:none;
  transition: .15s ease-in-out;
}

/* hover / focus */
.jr-cats a:hover,
.jr-cats a:focus{
  border-color:#2E604A;     /* ブランドの深緑 */
  color:#2E604A;
  box-shadow: 0 0 0 3px rgba(46, 96, 74, .12);
  outline: none;
}

/* “選択中”を手動で示したい場合に使えるクラス（任意） */
.jr-cats a.is-active{
  border-color:#2E604A;
  background: #2E604A;
  color:#fff;
}

/* ピルの下に置いたグリッドの頭を少し下げたいとき（任意） */
.jr-grid{ margin-top: 6px; }