/**
 * case-study-single.css
 *
 * 施工事例(case-study CPT)シングルページ専用CSS。
 *
 * 適用範囲: is_singular( 'case-study' ) のときのみ enqueue される。
 *
 * 役割:
 *   1. Astraテーマ標準の .entry-title (H1重複) と .entry-meta (By 〜) を非表示
 *   2. 投稿ナビゲーション「← 前 / 次 →」を非表示 (関連事例・関連サービスが代替動線)
 *   3. 本文 (.entry-content) にブログ記事と同じ Yu Mincho/Yu Gothic 階層を適用
 *
 * 触らないもの:
 *   - kwrm-case-* 系コンポーネント (前プロジェクトでブランド方針通り構築済み)
 *   - JTC「Works Single v3」(37188) のテンプレート構造
 *   - 関連事例・関連サービス・VOICE セクション (既存)
 *
 * 関連ファイル:
 *   - kawaremake-cards/assets/cards.css (kwrm-case-* 本体スタイル)
 *   - blog-single.css (post 用、本ファイルと階層スタイルを揃える)
 */

/* ========================================
   1. Astra標準のentry-title 非表示 (kwrm-case-hero__title と H1 が重複するため)
   ======================================== */

.single-case-study header.entry-header > .entry-title,
.single-case-study .entry-header > .entry-title {
  display: none !important;
}

/* ========================================
   2. Astra標準のentry-meta 非表示 ("By 〜" などのテーマ名残)
   ======================================== */

.single-case-study header.entry-header > .entry-meta,
.single-case-study .entry-header > .entry-meta {
  display: none !important;
}

/* ========================================
   3. Astra標準のアイキャッチ(post-thumb)も非表示
      (kwrm-case-hero__media が代替で大きく出るため重複を避ける)
   ======================================== */

.single-case-study header.entry-header > .post-thumb,
.single-case-study header.entry-header > .post-thumb-img-content,
.single-case-study .entry-header > .post-thumb,
.single-case-study .entry-header > .post-thumb-img-content {
  display: none !important;
}

/* ========================================
   4. 投稿ナビゲーション「前の投稿 / 次の投稿」を非表示
      関連事例・関連サービスが回遊動線を担う
   ======================================== */

.single-case-study .post-navigation,
.single-case-study nav.navigation.post-navigation,
.single-case-study .nav-links {
  display: none !important;
}

/* ========================================
   5. 本文 (.entry-content) のタイポグラフィ階層
      ブログ記事 (blog-single.css) と統一
   ======================================== */

.single-case-study .entry-content {
  font-family: var(--font-body-ja, "Yu Gothic", YuGothic, "Hiragino Sans", sans-serif);
  font-size: 16px;
  line-height: 1.9;
  color: var(--color-text-primary, #2C2826);
}

.single-case-study .entry-content p {
  margin: 0 0 1.6em;
  font-size: 16px;
  line-height: 1.9;
  color: var(--color-text-primary, #2C2826);
}

.single-case-study .entry-content h2,
.single-case-study .entry-content .wp-block-heading {
  font-family: var(--font-heading-ja, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", serif);
  font-size: 22px;
  font-weight: 500;
  line-height: 1.6;
  letter-spacing: 0.02em;
  color: var(--color-text-primary, #2C2826);
  margin: 2.4em 0 0.8em;
  padding: 0;
  border: none;
}

.single-case-study .entry-content h3 {
  font-family: var(--font-heading-ja, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", serif);
  font-size: 18px;
  font-weight: 500;
  line-height: 1.6;
  letter-spacing: 0.02em;
  color: var(--color-text-primary, #2C2826);
  margin: 2em 0 0.6em;
  padding: 0;
  border: none;
}

.single-case-study .entry-content h4 {
  font-family: var(--font-heading-ja, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", serif);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.6;
  color: var(--color-text-primary, #2C2826);
  margin: 1.8em 0 0.5em;
}

/* リンク: 青リンクを廃止、ブランド方針通りの控えめな下線 */
.single-case-study .entry-content a {
  color: var(--color-text-primary, #2C2826);
  text-decoration: underline;
  text-decoration-thickness: 0.5px;
  text-underline-offset: 3px;
  text-decoration-color: var(--color-border-mid, #D4D0C7);
  transition: text-decoration-color 0.2s ease;
}

.single-case-study .entry-content a:hover {
  text-decoration-color: var(--color-text-primary, #2C2826);
}

/* 強調 */
.single-case-study .entry-content strong,
.single-case-study .entry-content b {
  font-weight: 500;
  color: var(--color-text-primary, #2C2826);
}

/* HR 区切り線 */
.single-case-study .entry-content hr,
.single-case-study .entry-content .wp-block-separator {
  border: 0;
  height: 0.5px;
  background: var(--color-border-light, #E8E5DE);
  width: 100%;
  margin: 3em auto;
  opacity: 1;
}

/* リスト */
.single-case-study .entry-content ul,
.single-case-study .entry-content ol {
  margin: 0 0 1.6em;
  padding-left: 1.5em;
  line-height: 1.9;
}

.single-case-study .entry-content li {
  margin: 0 0 0.4em;
}

/* 引用 */
.single-case-study .entry-content blockquote {
  margin: 2em 0;
  padding: 0 0 0 1.5em;
  border-left: 0.5px solid var(--color-border-mid, #D4D0C7);
  font-family: var(--font-heading-ja, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", serif);
  font-style: normal;
  color: var(--color-text-secondary, #6B6760);
}

/* 画像 */
.single-case-study .entry-content img,
.single-case-study .entry-content figure img {
  display: block;
  max-width: 100%;
  height: auto;
  border-radius: 0;
}

.single-case-study .entry-content figure {
  margin: 2em 0;
}

.single-case-study .entry-content figcaption {
  font-size: 12px;
  color: var(--color-text-tertiary, #888780);
  text-align: center;
  margin-top: 0.6em;
  letter-spacing: 0.02em;
}

/* ========================================
   6. レスポンシブ: モバイル調整
   ======================================== */

@media (max-width: 768px) {
  .single-case-study .entry-content {
    font-size: 15px;
    line-height: 1.85;
  }

  .single-case-study .entry-content p {
    font-size: 15px;
    line-height: 1.85;
  }

  .single-case-study .entry-content h2,
  .single-case-study .entry-content .wp-block-heading {
    font-size: 19px;
    margin: 2em 0 0.6em;
  }

  .single-case-study .entry-content h3 {
    font-size: 16px;
    margin: 1.6em 0 0.5em;
  }
}