/*
Theme Name:HARVES child
Theme URI:https://tcd-theme.com/tcd118
Description:WordPressテーマ「HARVES」の子テーマ
Template:harves_tcd118
Author:TCD
Author URI:https://tcd-theme.com/
Version:1.0.5
*/

/*
  ここから下にCSSを追記してください。
*/

/* 山行記録ページ: 前後記事ナビの上下の余白を揃える（小さい方に合わせる）
   PC(992px以上)   : 上 .p-single row-gap 50px / 下 .l-container padding-bottom 150px → 50px に
   768〜991px      : 上 50px / 下 40px → 上を 40px に（テーマが767px以下で使う値と同じ）
   767px以下       : 上下とも 40px で既に一致（変更なし） */
@media screen and (min-width: 992px) {
  body.single-post .l-container { padding-bottom: 50px; }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  body.single-post .p-single { row-gap: 40px; }
}

/* 著者紹介の本文を全文表示にする（PC・スマホ共通、投稿タイプを問わない）
   テーマは .c-line-clamp が --tcd-line-clamp から line-clamp / height / max-height を導出するため
   変数だけ上書きすれば行数が変わる（.c-profile-desc の既定値は 2） */
.c-profile-desc {
  display: block;
  -webkit-line-clamp: unset;
  max-height: none;
  height: auto;
  overflow: visible;
}

/* 著者紹介内のリンクを本文リンクと同じ色にする
   紹介文は .tcdce-body の外にあるため reset.css の a { color: var(--tcd-base-link-color, inherit) } で
   本文色（黒）のままになる。テーマのリンク色トークンを流用する */
.c-profile-desc a { color: var(--tcdce-base-link-color); }

/* スマホ表示: 著者紹介を「アバター＋名前」の行と、全幅の本文の行に分ける
   .c-profile は grid(90px 1fr)。.c-profile-content を display:contents で透過させて
   名前と本文を直接グリッド項目にし、本文を grid-column:1/-1 で全幅の2行目に置く */
@media screen and (max-width: 767px) {
  .c-profile { row-gap: 15px; align-items: center; }
  .c-profile-content { display: contents; }
  .c-profile-desc { grid-column: 1 / -1; }
}