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

/* ========================================
   TOKYO BOUZ SSI統合スタイル
   ======================================== */

/* ------------------------------------------------------------
   1. Cocoon標準要素の非表示（SSI統合のため必須）
   ------------------------------------------------------------ */
#header,
#header-container,
.header,
.site-header,
.site-header-container,
.navi,
#navi,
.navi-in,
.global-navi,
.mobile-header,
.mobile-header-menu-buttons,
#footer,
.footer,
.footer-bottom,
.site-footer,
.go-to-top-common {
    display: none !important;
}

/* ------------------------------------------------------------
   2. 固定ヘッダー用レイアウト調整
   ------------------------------------------------------------ */
body {
    padding-top: 64px !important;
    margin-top: 0 !important;
}

#content,
.content,
.main {
    margin-top: 0 !important;
    padding-top: 20px; /* コンテンツ上部に適度な余白 */
}

/* ------------------------------------------------------------
   3. WordPress管理バー対策（ログイン時の重複防止）
   ------------------------------------------------------------ */

/* デスクトップ（管理バー高さ32px） */
body.admin-bar #tb-header {
    top: 32px !important;
}

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

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

/* ------------------------------------------------------------
   4. パンくずリスト完全非表示（デザイン統一のため）
   ------------------------------------------------------------ */
.breadcrumb,
#breadcrumb,
.breadcrumb-list,
.breadcrumb-item,
.entry-breadcrumbs,
nav[aria-label="パンくずリスト"],
nav[aria-label="Breadcrumb"],
.navigation.breadcrumbs {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    overflow: hidden !important;
}

/* ------------------------------------------------------------
   5. 記事エリアの微調整（読みやすさ向上）
   ------------------------------------------------------------ */

/* 記事タイトルがヘッダーに隠れないよう調整 */
.entry-title {
    margin-top: 20px;
}

/* 記事一覧の間隔調整 */
.entry-card {
    margin-bottom: 25px;
}