/*
 * banglao テーマ独自スタイル（最後に読み込む上書きレイヤー）。
 *
 * 移行初期はほぼ空。assets/legacy/ の Cocoon CSS で全体を再現し、
 * ここには「legacy では足りない / 直したい」ぶんだけを足していく。
 * エリアを独自デザインに移すときは、原則このファイル（または新規 CSS）へ書く。
 */

/* --- Cocoon 残滓の無効化 ------------------------------------------------ */
/* スナップショットした skin CSS に含まれる Cocoon のアクセス解析ビーコン。
   存在しない cocoon-master/lib/analytics/access.php を参照するので消す。 */
body::after {
	content: none !important;
}

/* --- 全幅レイアウト（サイドバーなし） --------------------------------------
   Cocoon legacy の `.no-sidebar` が .main を width:100%、.content-in を block にする。
   ここでは横幅とパディングだけ微調整する。
   サイドバーを戻すときは inc/setup.php の body_class から 'no-sidebar' を外し、
   各テンプレート（index/single/page/archive/search/404）に get_sidebar() を戻す。 */
.no-sidebar .content-in.wrap {
	width: min(1256px, 94vw);
}

.no-sidebar #main {
	padding: 32px clamp(16px, 4vw, 44px);
}

/* --- グローバルナビのモバイル開閉（Sprint 1 の最小実装） ------------------ */
.navi-menu-button {
	display: none;
	align-items: center;
	gap: .4em;
	margin: 0;
	padding: .8em 1em;
	width: 100%;
	background: transparent;
	border: 0;
	color: inherit;
	font: inherit;
	cursor: pointer;
}

@media screen and (max-width: 1023px) {
	.navi-menu-button {
		display: flex;
	}

	#navi #banglao-global-menu {
		display: none;
	}

	#navi.is-open #banglao-global-menu {
		display: block;
	}

	/* モバイルではサブメニューを通常フローで展開（hover に頼らない） */
	#navi #banglao-global-menu .sub-menu {
		position: static;
		display: block;
		width: auto;
		box-shadow: none;
	}
}

/* --- 保険: legacy CSS が当たらない場合でも本文が読める最低限のガード ------ */
.content-in.wrap {
	max-width: 1260px;
	margin-left: auto;
	margin-right: auto;
}

.entry-content img {
	max-width: 100%;
	height: auto;
}

.screen-reader-text {
	position: absolute !important;
	clip-path: inset(50%);
	width: 1px;
	height: 1px;
	overflow: hidden;
	white-space: nowrap;
}