/* ================================================================
   header.css — ヘッダー・メインナビ・モバイルドロワー
   ================================================================ */

#rc-header {
  position: fixed;
  top: 0; left: 0; right: 0;
  z-index: 100;
  background: linear-gradient(to bottom, rgba(0,0,0,.55) 0%, transparent 100%);
  transition: background .3s, box-shadow .3s;
}
#rc-header.scrolled {
  background: var(--cool-4);
  box-shadow: 0 2px 16px rgba(0,0,0,.2);
}
/* トップページ以外は常にソリッド */
body:not(.home) #rc-header { background: var(--cool-4); box-shadow: 0 2px 16px rgba(0,0,0,.2); }

/* ── ナビバー ── */
.rc-nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 64px;
  padding: 0 24px;
  max-width: 1200px;
  margin: 0 auto;
}

/* ── ロゴ ── */
.rc-nav__logo      { display: flex; align-items: center; gap: 10px; }
.rc-nav__logo svg  { width: 42px; height: 42px; }
.rc-nav__logo-text { display: flex; flex-direction: column; line-height: 1.2; }
.rc-nav__logo-ja   { font-size: .82rem; font-weight: 700; color: #fff; }
.rc-nav__logo-en   { font-size: .62rem; color: rgba(255,255,255,.7); letter-spacing: .04em; }

/* ── デスクトップメニュー ── */
.rc-nav__menu { display: flex; align-items: center; gap: 2px; }
.rc-nav__menu a {
  padding: 8px 12px;
  font-size: .82rem;
  color: rgba(255,255,255,.85);
  border-radius: 6px;
  transition: background .15s, color .15s;
  white-space: nowrap;
}
.rc-nav__menu a:hover,
.rc-nav__menu a.current-menu-item      { background: rgba(255,255,255,.12); color: #fff; }
.rc-nav__menu .menu-item--login > a   { background: var(--rotary-blue); color: #fff; margin-left: 6px; }
.rc-nav__menu .menu-item--login > a:hover { background: var(--rotary-blue-dk); }

/* ── ハンバーガーボタン ── */
.rc-nav__toggle {
  display: none;
  background: none;
  border: none;
  color: #fff;
  font-size: 1.3rem;
  cursor: pointer;
  padding: 8px;
}

/* ── モバイルドロワー ── */
.rc-nav__drawer {
  display: none;
  flex-direction: column;
  background: var(--cool-4);
  padding: 12px 16px 20px;
  border-top: 1px solid rgba(255,255,255,.1);
}
.rc-nav__drawer.is-open { display: flex; }
.rc-nav__drawer a {
  padding: 10px 12px;
  font-size: .9rem;
  color: rgba(255,255,255,.85);
  border-radius: 6px;
}
.rc-nav__drawer a:hover { background: rgba(255,255,255,.1); }