/*
Theme Name: Lightning Child Sample
Theme URI:
Template: lightning
Description:
Author:
Tags:
Version: 0.6.1
*/

/* ヘッダー全体をスクロール追従 */
.fixed-header {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9999;
  background: #fff; /* 必要なら背景を指定 */
  box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}

/* ヘッダー分の余白を本文に確保 */
body {
  padding-top: 80px; /* ヘッダーの高さに合わせて調整 */
}

/* 固定ヘッダー内でハンバーガーを右上に固定（SP） */
@media (max-width: 991.98px) {
  /* ボタンをヘッダー右上に吸着 */
  .vk-mobile-nav-menu-btn {
    position: absolute !important; /* ヘッダー基準で固定 */
    top: 50% !important;
    right: 12px !important;
    transform: translateY(-50%);
    margin: 0 !important;
    z-index: 10010 !important; /* ヘッダーより前面 */
  }

  /* ボタンのアンカー基準を作る（必須） */
  #site-header-container {
    position: relative !important;
    min-height: 60px;          /* 余白確保。必要なら調整 */
    display: flex;
    align-items: center;
  }

  /* ロゴは左に揃えたまま */
  .site-header-logo {
    margin: 0 !important;
  }

  /* もしグローバルナビが被る場合は非表示（Lightning 既定でも非表示ですが念のため） */
  #global-nav {
    position: static;
  }
}

/* ヘッダー固定用（PC/SP共通）— 既に入れている場合は重複不要 */
.fixed-header {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9999;
  background: #fff;
  box-shadow: 0 2px 5px rgba(0,0,0,0.06);
}

/* 本文の上余白（ヘッダー高さに合わせて調整） */
body {
  padding-top: 80px;
}
@media (max-width: 991.98px) {
  body { padding-top: 60px; }
}