/*
 * ClearStra 子テーマ — デザイン強化（グローバル微調整）
 *
 * 目的: 和文の可読性と見出しの強さ、カード・ボタンの質感を底上げする。
 * 方針:
 *   - ページ本文（content/pages）や構造・配色設計そのものには手を入れない。
 *   - 追加の外部リソース取得はしない（フォントは既存の自ホスト Manrope のまま）。
 *   - 色・余白・行間・字間・微陰影の範囲に限定し、レイアウトシフトを出さない。
 *   - 本文の走査対象は投稿本文ラッパ .wp-block-post-content に限定する。
 */

/* ============ 1) フォント: Latin=Manrope / 和文=制御されたゴシック ============ */
/* Manrope は欧文専用のため、和文はブラウザ既定に落ちる。和文フォントを明示して
   端末差を抑える。いずれも OS 同梱フォントで、外部取得は発生しない。 */
:root {
    --sc-jp: "Hiragino Kaku Gothic ProN", "Hiragino Sans", "BIZ UDPGothic", "Noto Sans JP", "Yu Gothic", Meiryo, sans-serif;
}
body,
.wp-block-post-content,
.wp-block-navigation,
.wp-block-site-title,
button, input, textarea, select {
    font-family: "Manrope", var(--sc-jp);
}

/* ============ 2) 本文の律動: 和文が窮屈な行間 1.4 → 1.85 前後へ ============ */
.wp-block-post-content {
    line-height: 1.85;
}
.wp-block-post-content p {
    line-height: 1.9;
    margin-block: 0 1.15em;
}
.wp-block-post-content li {
    line-height: 1.85;
    margin-block: 0.4em;
}
/* 見出し直後の段落は詰めて、見出しとの結び付きを強める */
.wp-block-post-content :is(h2, h3) + p {
    margin-top: 0.25em;
}

/* ============ 3) 見出し: weight 400 で弱い → 700 太字・行間/字間を最適化 ============ */
:is(h1, h2, h3, h4).wp-block-heading {
    font-weight: 700;
    letter-spacing: 0.015em;
    line-height: 1.45;
}
.wp-block-heading {
    text-wrap: balance;
}

/* ページ見出し（各下層ページの唯一の h1・ブランド濃色）を H2 より一段大きく。
   ヒーローの h1 は has-base-color のため対象外＝独自サイズを保つ。 */
h1.wp-block-heading.has-brand-primary-color {
    font-size: clamp(2rem, 1.5rem + 1.6vw, 2.6rem);
    line-height: 1.35;
    margin-bottom: 0.7rem;
}

/* 中央寄せの節見出し（ブランド濃色）にだけ、短いアクセント下線を敷く。
   白抜きの CTA 見出し（has-base-color）には付けない＝色で誤爆しない。 */
.wp-block-heading.has-text-align-center.has-brand-primary-color::after {
    content: "";
    display: block;
    width: 2.75rem;
    height: 3px;
    margin: 0.85rem auto 0;
    background: var(--wp--preset--color--brand-accent, #2e8b8b);
    border-radius: 2px;
}

/* ============ 4) 背景付きカードをカードらしく（境界・角丸・微陰影） ============ */
/* ホバーの浮きは animations.css 側で付与済み。ここでは静止時の質感を整える。 */
.wp-block-columns .wp-block-column.has-background {
    border: 1px solid rgba(26, 61, 92, 0.10);
    border-radius: 14px;
    box-shadow: 0 1px 2px rgba(16, 40, 66, 0.05);
}

/* 再利用カード（service-cards パターンと同じ意匠）。段組みの高さも揃える。 */
.sc-card {
    background: #f5f9fb;
    border: 1px solid #e2eaf0;
    border-top: 3px solid var(--wp--preset--color--brand-accent, #2e8b8b);
    border-radius: 14px;
    padding: 1.75rem 1.5rem;
    height: 100%;
}
.sc-card > :first-child { margin-top: 0; }
.sc-card > :last-child { margin-bottom: 0; }

/* ============ 5) ボタン: さりげないホバーと明確なフォーカス（形は変えない） ============ */
.wp-block-button__link {
    transition: transform 0.15s ease, box-shadow 0.2s ease,
        background-color 0.2s ease, filter 0.2s ease;
}
.wp-block-button__link:hover {
    transform: translateY(-1px);
    box-shadow: 0 6px 18px rgba(26, 61, 92, 0.16);
}
.wp-block-button__link:focus-visible {
    outline: 3px solid var(--wp--preset--color--brand-accent, #2e8b8b);
    outline-offset: 2px;
}

/* ============ 6) 本文リンク: 下線位置を整え可読性を上げる ============ */
.wp-block-post-content a {
    text-underline-offset: 0.18em;
    text-decoration-thickness: from-font;
}