/* Unified header overrides for moat-sensei.com
 * Loaded after page-specific nav CSS to ensure consistency across pages.
 * Designed to keep the canonical nav (企業分析/スクリーニング/AIに聞く/株ブログ/投資辞典/X/TikTok/ログイン/新規登録)
 * on a single line, even when auth-gate.js inserts the account pill ("K Kantaro Tazoe FREE").
 */

.nav-inner{
 flex-wrap:nowrap !important;
 overflow:visible;
 max-width:1280px;
 margin:0 auto;
}

.nav-links{
 display:flex !important;
 flex-wrap:nowrap !important;
 align-items:center;
 gap:8px;
 min-width:0;
}

.nav-spacer{
 flex:1 1 auto;
 min-width:16px !important;
}

.nav-brand{flex-shrink:0}
.nav-primary,
.nav-sub,
.nav-auth-login,
.nav-auth-signup,
.nav-sep{flex-shrink:0}

.nav-primary,
.nav-sub,
.nav-auth-login,
.nav-auth-signup,
.nav-link,
.nav-cta{white-space:nowrap;flex-shrink:0}

.nav-sub-icon{width:32px;padding:0;flex-shrink:0}

/* Legacy aliases used in stocks/[code].js — keep them on a single row too */
.nav-link,
.nav-cta{flex-shrink:0;white-space:nowrap}

/* Ensure separator is always visible (some pages don't include this rule) */
.nav-sep{
 display:inline-block;
 width:1px;
 height:22px;
 background:rgba(255,255,255,.2);
 margin:0 6px;
 align-self:center;
 flex-shrink:0;
}

/* Account pill injected by auth-gate.js — keep compact */
[data-account-pill],
.nav-account-pill,
.auth-account-pill{
 flex-shrink:0;
 white-space:nowrap;
 max-width:200px;
 overflow:hidden;
 text-overflow:ellipsis;
}

/* Tablet — drop sub-link labels first */
@media(max-width:1100px){
 .nav-sub:not(.nav-sub-icon) span{display:none}
 .nav-sub:not(.nav-sub-icon){width:32px;padding:0}
}

/* Smaller tablet — drop glossary link entirely, keep blog as icon */
@media(max-width:900px){
 .nav-sep,
 .nav-sep-auth{display:none}
 .nav-auth-login{display:none}
}

/* Mobile — drop optional links, keep only primary CTA + auth signup */
@media(max-width:760px){
 .nav-sub{display:none}
 .nav-primary{font-size:12px;padding:7px 14px}
 .nav-links{gap:6px}
 .nav-auth-signup{font-size:12px;padding:6px 12px}
}

/* Very small mobile — keep only brand + AI CTA + signup */
@media(max-width:520px){
 .nav-primary:not(.nav-primary-cta){display:none}
}

/* ============================================================
 * 基礎 nav スタイル（2026-05-31 追加）
 * これまで各ページの inline <style> に依存していたが、
 * daily-content-engine 生成ページで style 省略され表示崩れが発生したため _header.css に集約。
 * 既存ページの inline <style> と重複しても CSS は無害（後勝ち）。
 * ========================================================= */

.nav{
 padding:14px 24px;
 background:#0F2A5C;
 color:#FFFFFF;
 position:sticky;
 top:0;
 z-index:100;
 border-bottom:1px solid rgba(201,169,97,.2);
}

.nav-brand{
 display:flex;
 align-items:center;
 gap:10px;
 text-decoration:none;
 color:#FFFFFF;
}

.nav-brand img{
 width:34px;
 height:34px;
 border-radius:50%;
}

.nav-primary{
 color:#FFFFFF;
 font-size:14px;
 text-decoration:none;
 padding:9px 22px;
 border:1.5px solid rgba(255,255,255,.4);
 border-radius:999px;
 font-weight:600;
 background:transparent;
}

.nav-primary:hover{
 background:#FFFFFF;
 color:#0F2A5C;
}

.nav-primary-cta{
 background:#C9A961;
 color:#0F2A5C;
 border-color:#C9A961;
 font-weight:700;
}

.nav-sub{
 display:inline-flex;
 align-items:center;
 justify-content:center;
 gap:6px;
 height:32px;
 padding:0 12px;
 border-radius:999px;
 color:rgba(255,255,255,.85);
 border:1px solid rgba(255,255,255,.25);
 font-size:12px;
 font-weight:500;
 text-decoration:none;
}

.nav-sub:hover{
 color:#FFFFFF;
 background:rgba(255,255,255,.1);
}

.nav-sub.active{
 color:#0F2A5C;
 background:#FFFFFF;
 border-color:#FFFFFF;
}

.nav-auth-login{
 color:rgba(255,255,255,.85);
 font-size:13px;
 text-decoration:none;
 padding:8px 16px;
 border-radius:999px;
 font-weight:500;
}

.nav-auth-signup{
 background:#C9A961;
 color:#0F2A5C;
 font-size:13px;
 text-decoration:none;
 padding:8px 18px;
 border-radius:999px;
 font-weight:700;
 letter-spacing:.02em;
 border:1px solid #C9A961;
}