@charset "UTF-8";

/*!
Theme Name: Cocoon Child Snaflot
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}

/* カテゴリ説明の行数制限（line-clamp） */
.cat-desc-excerpt {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  /* base: デスクトップは4行に見せる */
  -webkit-line-clamp: 4;
  line-height: 1.6; /* 必要に応じて調整 */
  margin: 0 0 0.5em 0;
}

/* タブレット相当で3行 */
@media screen and (max-width: 834px) {
  .cat-desc-excerpt { -webkit-line-clamp: 3; }
}

/* モバイルで2行（要望では半分相当に短くするため） */
@media screen and (max-width: 480px) {
  .cat-desc-excerpt { -webkit-line-clamp: 2; }
}

/* 読み切りリンクのスタイル微調整 */
.cat-desc-readmore { 
  display: block; 
  margin-top: 0.4em; 
  font-weight: 600; 
}

/* フル説明を JS 展開で表示する際の初期非表示スタイル */
.category-description-full { display: none; }

/* 他シリーズピックアップのタグバッジ（SEO用HTMLテキスト） */
.tag-badge {
  display: inline-block !important;
  font-size: 0.65em !important;
  background: #e74c3c !important;
  color: #fff !important;
  padding: 1px 6px !important;
  border-radius: 3px !important;
  margin-right: 6px !important;
  vertical-align: middle !important;
  white-space: nowrap !important;
  font-weight: bold !important;
}