/*==================================================
  Nephilim Header / Navigation Styles（統合版・整理済み）
  - 上部帯（.site-header / .nephilim-header-top）はスクロールで流れる
  - 屋号＋ナビ（.nephilim-header-sticky）のみ追尾（sticky）
  - padding基準は .header-inner に集約（見た目の高さ＝基準高さ）
  - navだけ縦いっぱいに伸ばし、hoverは項目単位で明瞭化
  - 背景・影は追尾帯（.nephilim-header-sticky）に集約（被り排除）
==================================================*/

/*--------------------------------------------------
  上部帯を包むヘッダー外枠（追尾帯とは分離済み）
  - 背景・影は追尾帯側に集約するため、ここは透明＆影なし
--------------------------------------------------*/
.site-header {
  background: transparent;
  padding: 0;
  box-shadow: none;
}

/*--------------------------------------------------
  ヘッダー上部インフォメーション帯（屋号の上）
--------------------------------------------------*/
.nephilim-header-top {
  width: 100%;
  background-color: #f0f0f0;        /* 薄い黒：補助情報帯 */
  font-size: 0.85rem;

  /* 追尾帯との境界を整える（微細な段差感） */
  border-bottom: 1px solid rgba(0,0,0,0.08);
}

.nephilim-header-top-inner {
  max-width: 1400px;
  margin: 0 auto;
  padding: 6px 20px;

  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* 左：一言コメント */
.nephilim-header-top-message {
  color: #333;
  opacity: 0.85;
}

/* 右：SNSリンク（X） */
.nephilim-header-top-sns a {
  display: inline-flex;
  align-items: center;
}

/* Xアイコン */
.nephilim-x-icon {
  width: 18px;
  height: 18px;
  fill: #111;
  transition: opacity 0.2s ease;
}

.nephilim-header-top-sns a:hover .nephilim-x-icon {
  opacity: 0.6;
}

/*--------------------------------------------------
  屋号＋ナビの追尾帯（sticky）
  - 背景・影はここで一元管理（被り排除）
--------------------------------------------------*/
.nephilim-header-sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 10000;

  background-color: rgba(255, 255, 255, 0.85); /* 半透明白：木目と調和 */
  box-shadow: 0 2px 4px rgba(0,0,0,0.10);      /* 軽い浮遊感 */
}

/* ログイン中（admin-barあり）だけ下げる */
body.admin-bar .nephilim-header-sticky {
  top: var(--wp-admin--admin-bar--height, 32px);
}

/*--------------------------------------------------
  追尾帯の内側（屋号 + ナビの骨格）
  ※ここが「ヘッダーの見た目の高さ」の基準
--------------------------------------------------*/
.header-inner {
  max-width: 1400px;
  margin: 0 auto;
  padding: 15px 24px;

  display: flex;
  justify-content: space-between;
  align-items: center;          /* 屋号は中央。navは後述でstretch */
}

/*--------------------------------------------------
  屋号（サイトタイトル）
--------------------------------------------------*/
.site-title a {
  text-decoration: none;
  color: #333;
  font-size: 1.8rem;
  font-weight: bold;
}

/*--------------------------------------------------
  グローバルナビ（高さ伝播：navのみ縦いっぱいに）
  ※屋号は巻き込まず、メニュー背景だけがヘッダー高に追従する
--------------------------------------------------*/
.site-nav {
  align-self: stretch;          /* header-inner の高さまで nav だけ伸ばす */
  display: flex;                /* ul の高さを扱いやすくする */
}

.site-nav ul {
  margin: 0;
  padding: 0;
  list-style: none;

  display: flex;
  gap: 25px;                    /* メニュー間隔 */

  height: 100%;                 /* nav の高さを ul へ伝播 */
  align-items: stretch;         /* li / a を縦いっぱいに伸ばす */
}

.site-nav li {
  height: 100%;                 /* ul の高さを li へ通す */
}

/*--------------------------------------------------
  ナビリンク（hoverの主体）
--------------------------------------------------*/
.site-nav a {
  height: 100%;
  display: flex;
  align-items: center;

  padding: 0 12px;
  text-decoration: none;
  color: #333;
  font-size: 1rem;
  font-weight: 600;

  transition: background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
}

/* current：現在地の弱い状態（下線） */
.site-nav .current-menu-item > a {
  box-shadow: inset 0 -2px 0 rgba(0,0,0,0.35);
}

/* hover：操作中の強い状態（項目単位）＋ current下線を一時的に消す */
.site-nav a:hover {
  color: #fff;
  background-color: #777;
	box-shadow: none;　}
	





/* =========================================
   Responsive (SP) - Header (normal flow)
   ・SPでは追尾をやめる
   ・通常メニューは表示しない（タブ専用）
   ====================================== */
@media (max-width: 768px){

  /* ------------------------------
     追尾帯を通常フローへ戻す
     ------------------------------ */
  .nephilim-header-sticky{
    position: static;     /* sticky解除 */
    top: auto;
    z-index: auto;

    background-color: transparent;
    box-shadow: none;
  }

  body.admin-bar .nephilim-header-sticky{
    top: auto;
  }

  /* ------------------------------
     ヘッダー内部：最小構成
     （ロゴのみ想定）
     ------------------------------ */
  .header-inner{
    display: block;
    padding: 12px 16px;
  }

  /* ------------------------------
     通常ナビはSPでは使わない
     ------------------------------ */
  .site-nav{
    display: none ;
  }

  /* 念のため：PC用の縦伸長・flex設計を全解除 */
  .site-nav ul,
  .site-nav li,
  .site-nav a{
    height: auto;
    display: block;
    box-shadow: none;
  }
}