/* ==========================================
   1) Cocoon の幅制限を全て無効化
========================================== */
.wrap,
.container,
#content,
#main,
#main .wrap,
.content,
.content-in {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* ==========================================
   2) ヘッダーを100%フル幅に
========================================== */
header#header-container,
header#header-container .wrap {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* ヘッダー内部レイアウト */
header#header-container .header-in {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  padding: 8px 24px !important;
  box-sizing: border-box !important;
}

#navi,
#navi-in,
#navi-in.wrap {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* ==========================================
   3) 投稿・固定ページの本文幅を制限
========================================== */
body.single .entry-content,
body.page .entry-content {
  max-width: 900px;
  margin: 0 auto;
  padding: 24px;
  box-sizing: border-box;
}

.entry,
.article {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* ======================================================
   ヘッダー内の横並びを強制し、フル幅でも崩れない安定版
====================================================== */
header#header-container,
header#header-container .wrap {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* header-in：横並び強制 + 内部余白を保持 */
header#header-container .header-in {
  display: flex !important;
  flex-direction: row !important;
  justify-content: space-between !important;
  align-items: center !important;

  width: 100% !important;
  padding: 8px 24px !important;
  box-sizing: border-box !important;
}

/* ==========================================
   4) Cocoonモバイルメニューボタンを非表示
      （カスタムヘッダーを使用）
========================================== */
.mobile-header-menu-buttons {
  display: none !important;
}