@charset "UTF-8";

/*!
Theme Name: Cocoon Child
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){
  /* --- スマホ向け調整 ここから（2026-10-02 追加） --- */

  /* 1. ヘッダーを詰める（198px → 124px） */
  .tagline { display: none; }
  .navi-in .item-description { display: none; }
  .logo-header { padding-top: 6px; padding-bottom: 6px; }
  .logo-header .site-name-text { font-size: 22px; }

  /* 2. コードブロックを画面幅に収める（横スクロール 6 箇所 → 0 箇所）
     HCB の hcb--light.css が .hcb_wrap.hcb_wrap > pre で詳細度を上げているため、
     .entry-content を足して上回らせる。弱い指定だと読み込み順で負ける。 */
  .entry-content .hcb_wrap.hcb_wrap > pre,
  .entry-content pre.wp-block-code {
    font-size: 12px;
    line-height: 1.55;
    white-space: pre-wrap;
    word-break: break-all;
    overflow-wrap: anywhere;
    padding-left: 12px;
  }
  .entry-content .hcb_wrap.hcb_wrap > pre > code,
  .entry-content pre.wp-block-code > code {
    white-space: inherit;
    word-break: inherit;
    overflow-wrap: inherit;
  }
  .entry-content .hcb_wrap.hcb_wrap > pre .line-numbers-rows { display: none; }

  /* 3. タップ領域を 44px 確保（タグリンク 26px → 44px） */
  .tag-link, .tagcloud a, .entry-tags a {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    padding: 0 12px;
    margin: 0 6px 8px 0;
  }

  /* --- スマホ向け調整 ここまで --- */
}

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