@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.2
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/* ========================================
   トーキョーボウズ共通ヘッダー・フッター統合
   ======================================== */

/* Cocoonの標準ヘッダー・フッター・ナビを非表示 */
#header,
#header-container,
.header,
.navi,
#navi,
.mobile-header,
.mobile-header-menu-buttons,
#footer,
.footer,
.footer-bottom,
.go-to-top-common {
    display: none !important;
}

/* common.jsのヘッダー分のスペースを確保 */
body {
    padding-top: 64px !important;
    margin-top: 0 !important;
}

/* メインコンテンツの調整 */
#content,
.content {
    margin-top: 0 !important;
}

/* WordPress管理バー対策（ログイン時のみ適用） */
body.admin-bar #tb-header {
    top: 32px !important;
}

body.admin-bar {
    padding-top: 96px !important; /* 64px（ヘッダー） + 32px（管理バー） */
}

/* モバイル時の管理バー対策 */
@media screen and (max-width: 782px) {
    body.admin-bar #tb-header {
        top: 46px !important;
    }
    
    body.admin-bar {
        padding-top: 110px !important; /* 64px（ヘッダー） + 46px（管理バー） */
    }
}


/* ========================================
   パンくずリストを完全に非表示
   ======================================== */

/* Cocoonのパンくずリスト */
.breadcrumb,
#breadcrumb,
.breadcrumb-list,
.breadcrumb-item,
.entry-breadcrumbs {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    overflow: hidden !important;
}

/* その他一般的なパンくずリスト */
nav[aria-label="パンくずリスト"],
nav[aria-label="Breadcrumb"],
.navigation.breadcrumbs {
    display: none !important;
}


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

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

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