/* ============================================================
   gamefi.town 全ページ共通ヘッダー — 案A-2「軽量ミニマル＋ブランドアクセント」
   2026-06-14。footer.css と対になる設計:
   - 背景は白。上辺にフッターと同じクリプトメディア署名ライン(3pxグラデ)で上下を挟む。
   - 紺地＋白抜きアイコンを濃色の一体ロゴ(footer-logo.png)に差し替え。
   - ナビは濃色テキスト＋hover/現在地にブランドティールのアクセント。
   既存 AFFINGER のヘッダー描画経路は無改変。CSS で上書きのみ。
   ============================================================ */

:root {
  --gft-hd-bg:     #ffffff;   /* ヘッダー地 = 白(軽量ミニマル) */
  --gft-hd-text:   #1c2b2a;   /* ナビ/ロゴ文字 = 濃色 */
  --gft-hd-accent: #3d8b84;   /* ブランドティール(hover/現在地) */
  --gft-hd-line:   #c2d6d0;   /* 区切り線 */
  /* クリプトメディア署名6色(footer と共通) */
  --gft-c1:#5c7a87; --gft-c2:#6b8a8e; --gft-c3:#6b8f7b;
  --gft-c4:#7a8668; --gft-c5:#a0796a; --gft-c6:#8a6b8e;
}

/* === ヘッダー全体を白背景に(AFFINGERの紺地を打ち消す) === */
#st-headwide,
#header-full,
#headbox-bg,
#headbox,
#header-l,
#header-r,
#gazou-wide,
#st-menubox,
#st-menuwide,
#st-menuwide nav {
  background: var(--gft-hd-bg) !important;
  background-color: var(--gft-hd-bg) !important;
}

/* === 上辺のクリプトメディア署名ライン(フッターと対) === */
#st-headwide { position: relative; }
#st-headwide::before {
  content: "";
  position: absolute; top: 0; left: 0; right: 0; height: 3px;
  background: linear-gradient(90deg,
    var(--gft-c1), var(--gft-c2), var(--gft-c3),
    var(--gft-c4), var(--gft-c5), var(--gft-c6));
  z-index: 20;
}

/* === ロゴ: 青地白抜きアイコンを隠し、濃色の一体ロゴを表示(案a 一体型流用) === */
#st-icon-logo img.st-icon-logo-sp { display: none !important; }
#st-icon-logo {
  display: block;
  width: 210px;
  height: 58px;
  margin: 10px auto;
  background: url(../img/footer-logo.png) no-repeat center center;
  background-size: contain;
}
/* テキスト版サイト名は一体ロゴに含まれるので視覚的に隠す(SEO用にDOMは残す) */
#st-text-logo {
  position: absolute !important;
  width: 1px; height: 1px;
  padding: 0; margin: -1px; overflow: hidden;
  clip: rect(0 0 0 0); white-space: nowrap; border: 0;
}

/* === グローバルナビ(PC) === */
#st-menuwide {
  border-top: 1px solid var(--gft-hd-line);
  border-bottom: 1px solid var(--gft-hd-line);
}
#st-menuwide .menu > li > a {
  color: var(--gft-hd-text) !important;
  background: transparent !important;
  font-family: "DM Sans","Noto Sans JP",sans-serif;
  font-weight: 500;
  letter-spacing: .01em;
  transition: color .15s ease, box-shadow .15s ease;
}
#st-menuwide .menu .menu-item-label { color: inherit !important; }

/* hover */
#st-menuwide .menu > li > a:hover,
#st-menuwide .menu > li > a:hover .menu-item-label {
  color: var(--gft-hd-accent) !important;
}
/* 現在地 = ブランドティールの文字＋下線 */
#st-menuwide .menu > li.current-menu-item > a,
#st-menuwide .menu > li.current_page_item > a,
#st-menuwide .menu > li.current-menu-item > a .menu-item-label,
#st-menuwide .menu > li.current_page_item > a .menu-item-label {
  color: var(--gft-hd-accent) !important;
}
#st-menuwide .menu > li.current-menu-item > a,
#st-menuwide .menu > li.current_page_item > a {
  box-shadow: inset 0 -2px 0 var(--gft-hd-accent);
}