/*
 * 共通ヘッダー（指示書5.2節、Phase 3で新規作成）。
 * 表示するのはロゴ・体験版ボタン・ハンバーガーメニューの3つだけ。
 * これまでヘッダー内に直接置いていた「サービス説明・投稿方法・料金」等のリンクは、
 * ハンバーガー（および下部固定メニューの「メニュー」ボタン）の両方から開く
 * 共通メニュー（.bws-menu、footer.css参照）へ統合した。
 *
 * ヘッダーはスクロール中も使えるようにする（5.2節）。html/bodyにoverflow-x:hiddenを
 * 掛けている関係でposition:stickyが環境によって効かないことがあるため、
 * 確実に効くposition:fixed＋左右中央寄せの方式にしている（.bws-appと同じ考え方）。
 */
.bws-header {
	position: fixed;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
	max-width: var(--bws-app-max-width);
	z-index: 500;
	background: #fff;
	border-bottom: 1px solid var(--bws-border);
}
@media (max-width: 480px) {
	.bws-header { max-width: 100%; }
}

/* WordPress管理者バー対策：ログイン中の管理者にだけ画面上部に表示される、
   別枠の固定バー（WordPress core機能）。これも画面に固定表示されるため、そのままだと
   当ヘッダーの上に重なって隠れてしまう。バーの高さぶんだけ下へずらす。
   一般の閲覧者（未ログイン）には admin-bar クラスが付かないため影響しない。 */
body.admin-bar .bws-header {
	top: 32px;
}
@media (max-width: 782px) {
	body.admin-bar .bws-header {
		top: 46px;
	}
}

.bws-header__inner {
	min-height: 52px;
	padding: 8px 16px;
	display: flex;
	align-items: center;
	gap: 10px;
}

.bws-header__logo {
	display: flex;
	align-items: center;
	text-decoration: none;
	line-height: 0;
	min-width: 0;
	flex-shrink: 0;
}
.bws-header__logo-img {
	height: 24px;
	width: auto;
	display: block;
}
@media (min-width: 400px) {
	.bws-header__logo-img { height: 28px; }
}

/* v0.32（Phase 4）：承認済みモックアップ（16.1節 .osh-trial-link）に合わせ、
   単色塗りつぶしから「白背景＋青いアウトライン」の錠剤ボタンへ変更した。
   v1.3.3：ユーザー指示により、枠色（背景）を#00a0e9（--bws-color-primaryと同値）で
   塗りつぶした濃い青ボタンへ変更し、文字色も白背景用の--bws-color-primary-textから
   白文字（#fff）へ変更した。 */
.bws-header__cta {
	display: inline-block;
	margin-left: auto;
	background: var(--bws-color-primary);
	border: 1px solid var(--bws-color-primary);
	color: #fff;
	text-decoration: none;
	font-size: 0.76rem;
	font-weight: 800;
	padding: 6px 13px;
	border-radius: 999px;
	white-space: nowrap;
}
@media (min-width: 400px) {
	.bws-header__cta { font-size: 0.85rem; padding: 7px 15px; }
}
.bws-header__cta:hover { opacity: 0.85; }

/* v1.3.3：ヘッダーのハンバーガーメニューを廃止したため、専用だった.bws-header__toggle・
   .bws-header__toggle-bar一式（旧ハンバーガーボタンの見た目・開閉アニメーション）を削除した。
   下部固定フッターメニューの「メニュー」ボタンは独自のクラス（.bws-footernav__menu-toggle、
   footer.css側）で見た目を持っているため、このファイルの削除による影響はない。*/