/* ヘッダー背景色の統一（スクロール時と通常時を同じに） */

.l-header {
  /* 通常時もスクロール時と同じ濃い背景色に統一 */
  background: rgba(0, 0, 0, 0.65) !important;
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.4) !important;
  backdrop-filter: blur(10px);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

/* スクロール時も同じスタイル維持 */
.l-header.is-scrolled,
[data-scrolled="true"] .l-header {
  background: rgba(0, 0, 0, 0.65) !important;
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.4) !important;
}

/* ArkheのJavaScriptによるスクロール判定にも対応 */
html[data-scrolled="false"] .l-header,
html[data-scrolled="true"] .l-header {
  background: rgba(0, 0, 0, 0.65) !important;
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.4) !important;
}