/*
Theme Name: SOLNOVA
Theme URI: https://anne-solnovavision.com
Author: anne
Author URI: https://instagram.com/anne_solnova
Description: 収入ゼロの専業主婦が人生を選び直していく過程を記録するブログ「SOLNOVA」専用テーマ。白×やわらかいグリーン、Graybyの赤をさりげなく。
Requires at least: 6.4
Tested up to: 6.7
Requires PHP: 7.4
Version: 0.3.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: solnova
*/

/* ===== theme.json で足りない“仕上げ”だけここに ===== */

/* 英字ラベル（eyebrow）：左に細いグリーンの線 */
.is-eyebrow{
  font-family: var(--wp--preset--font-family--label);
  font-size: .72rem; letter-spacing: .32em; text-transform: uppercase;
  color: var(--wp--preset--color--fresh);
  display: inline-flex; align-items: center; gap: 10px;
}
.is-eyebrow::before{ content:""; width:26px; height:2px; background: var(--wp--preset--color--fresh); display:inline-block; }

/* 記事カードのホバー */
.post-card{ border:1px solid var(--wp--preset--color--line); border-radius:5px; overflow:hidden; transition:.25s; background:#fff; }
.post-card:hover{ transform:translateY(-4px); box-shadow:0 14px 30px rgba(58,61,66,.08); border-color:#e3e6e8; }

/* Follow カード（赤い一本線＝スカーフ） */
.follow-card{ border:1px solid var(--wp--preset--color--line); border-radius:8px; box-shadow:0 10px 34px rgba(58,61,66,.05); }
.scarf-thread{ height:3px; width:80px; background: var(--wp--preset--color--red); border-radius:4px; margin:0 auto; }

/* About 上端の細いグリーン線 */
.about-rule{ border-top:2px solid var(--wp--preset--color--fresh); }

/* ヘッダーのナビ */
.site-nav a{ font-family: var(--wp--preset--font-family--label); font-size:.78rem; letter-spacing:.18em; text-transform:uppercase; text-decoration:none; color: var(--wp--preset--color--ink); opacity:.78; }
.site-nav a:hover{ opacity:1; color: var(--wp--preset--color--fresh); }

/* ロゴ（赤なし・ink 統一） */
.site-logo a{ font-family: var(--wp--preset--font-family--label); font-weight:500; font-size:1.5rem; letter-spacing:.22em; color: var(--wp--preset--color--ink); text-decoration:none; }

/* スクロール登場（やさしく・reduced-motion 尊重） */
@media (prefers-reduced-motion: no-preference){
  .reveal{ opacity:0; transform:translateY(16px); animation: rise .7s ease forwards; animation-timeline: view(); animation-range: entry 0% entry 40%; }
  @keyframes rise{ to{ opacity:1; transform:none; } }
}

/* ===== v0.2 検証エラー修正：枠線とフォントはCSS側で指定する ===== */
.site-header{ border-bottom:1px solid var(--wp--preset--color--line); }
.site-footer{ border-top:1px solid var(--wp--preset--color--line); }
.site-footer .site-logo a{ font-size:1.2rem; }
.foot-copy{ font-family:var(--wp--preset--font-family--label); font-size:.72rem; letter-spacing:.08em; }
.is-eyebrow.is-center{ justify-content:center; }
.follow-card .wp-block-buttons{ justify-content:center; }
.sign{ font-family:var(--wp--preset--font-family--heading); font-style:italic; }

/* ===== v0.3 スマホの読みやすさ調整 ===== */
/* PC はゆったり上品なまま。スマホ（782px以下）だけ、文字を少し小さく＆
   行間と段落の余白を詰めて、長い記事でもテンポよく読めるようにする。 */
@media (max-width: 782px){

  /* 本文：少しだけ小さく＋行間を詰める */
  body{
    font-size: .94rem;
    line-height: 1.75;
  }

  /* 段落どうしの余白を詰める（“延々続く”感をやわらげる） */
  p{ margin-block: 0 1.1em; }

  /* 見出しの行間を詰める */
  h1,h2,h3,h4{ line-height: 1.38; }

  /* ヒーローの特大見出し：スマホで大きすぎないよう上限を少し下げる */
  .wp-block-heading.has-x-large-font-size{
    font-size: clamp(1.9rem, 8vw, 2.5rem) !important;
  }

  /* セクション見出し（最新の記録／テーマから読む 等）を少し抑える */
  .wp-block-heading.has-large-font-size{
    font-size: 1.42rem !important;
  }

  /* 記事タイトルなど、本文より一段大きい文字の詰め */
  .post-card .wp-block-heading{ line-height: 1.5; }

  /* 左右の余白を少し詰めて、1行に入る文字を増やす（横スクロール感を軽減） */
  .wp-block-group.has-global-padding{
    padding-left: 20px;
    padding-right: 20px;
  }
}