/* ═══════════════════════════════════════════════════════
   FINEYE 공용 헤더 (index.html 원본 그대로)
   ═══════════════════════════════════════════════════════ */

header.fineye-header {
  background: rgba(10, 15, 30, 0.97);
  backdrop-filter: blur(12px);
  border-bottom: 1px solid #2A3A5A;
  height: 220px;
  position: sticky;
  top: 0;
  z-index: 100;
  box-shadow: 0 2px 20px rgba(0, 0, 0, 0.3);
  margin: 0;
  width: 100%;
  padding: 0;
  display: block;
}

/* 헤더 내부 정렬 (본페이지와 같은 폭) */
header.fineye-header > .fineye-header-inner {
  max-width: 1100px;
  height: 100%;
  margin: 0 auto;
  padding: 0 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* 홈(대문) 전용: 480px */
header.fineye-header.fineye-narrow > .fineye-header-inner {
  max-width: 480px;
}

/* ═══════════════════════════════════════════════════════
   메뉴 탭바 (헤더 바로 아래, 기존 mode-tab-bar 자리)
   ═══════════════════════════════════════════════════════ */
.fineye-nav-bar {
  background: #0B1F3A;
  border-bottom: 1px solid #2A3A5A;
  position: sticky;
  top: 220px;
  z-index: 99;
}
.fineye-nav-inner {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 20px;
  display: flex;
  align-items: center;
  gap: 4px;
}

/* 홈(대문) 전용 nav: 480px */
.fineye-nav-bar.fineye-narrow .fineye-nav-inner {
  max-width: 480px;
}
.fineye-nav-tab {
  padding: 14px 22px;
  font-size: 15px;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.65);
  text-decoration: none;
  border-bottom: 3px solid transparent;
  transition: all 0.15s;
  display: flex;
  align-items: center;
  gap: 6px;
  white-space: nowrap;
}
.fineye-nav-tab:hover {
  color: rgba(255, 255, 255, 0.95);
}
.fineye-nav-tab.active {
  color: #F5D96A;
  border-bottom-color: #F0B429;
}

header.fineye-header .logo {
  font-family: 'Cinzel', serif;
  font-size: 56px;
  font-weight: 700;
  letter-spacing: 8px;
  background: linear-gradient(135deg, #F5D96A, #F0F4FC, #D4A843);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  filter: drop-shadow(0 0 12px rgba(212, 168, 67, 0.35));
}

/* ═══════════════════════════════════════════════════════
   로고 래퍼 — 순수 이미지만 (애니메이션 전부 제거)
   ═══════════════════════════════════════════════════════ */
.fineye-logo-wrap {
  position: relative;
  width: 180px;
  height: 180px;
  flex-shrink: 0;
}

.fineye-logo-wrap .ring {
  display: none;
}

.fineye-logo-wrap img,
.fineye-logo-wrap video {
  width: 180px;
  height: 180px;
  border-radius: 20px;
  object-fit: cover;
  display: block;
}

.fineye-logo-wrap .fallback {
  display: none;
  width: 180px;
  height: 180px;
  border-radius: 20px;
  background: #0D1529;
  align-items: center;
  justify-content: center;
  font-size: 72px;
}

/* 헤더 버튼 */
.hdr-btn {
  font-size: 15px;
  font-weight: 600;
  font-family: 'Noto Sans KR', sans-serif;
  padding: 12px 18px;
  border-radius: 10px;
  cursor: pointer;
  transition: all 0.2s;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  white-space: nowrap;
}
.hdr-btn-home {
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid #2A3A5A;
  color: #CBD5E1;
}
.hdr-btn-home:hover {
  border-color: #D4A843;
  color: #F5D96A;
}

/* 공통 nav 버튼 (홈, 재무, 주가, 용어, FAQ, 마이) */
.hdr-btn-nav {
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid #2A3A5A;
  color: #CBD5E1;
}
.hdr-btn-nav:hover {
  border-color: #D4A843;
  color: #F5D96A;
}
.hdr-btn-nav.active {
  background: rgba(212, 168, 67, 0.15);
  border-color: #D4A843;
  color: #F5D96A;
}

/* 주가분석 버튼 🆕 (호버 + active 시 골드) */
.hdr-btn-stock {
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid #2A3A5A;
  color: #CBD5E1;
}
.hdr-btn-stock:hover {
  border-color: #D4A843;
  color: #F5D96A;
}
.hdr-btn-stock.active,
.hdr-btn-home.active {
  background: rgba(212, 168, 67, 0.15);
  border-color: #D4A843;
  color: #F5D96A;
}

.hdr-btn-login {
  background: linear-gradient(135deg, rgba(26, 86, 219, 0.3), rgba(26, 86, 219, 0.1));
  border: 1px solid rgba(59, 130, 246, 0.5);
  color: #93C5FD;
}
.hdr-btn-login:hover {
  box-shadow: 0 4px 16px rgba(26, 86, 219, 0.3);
  color: #fff;
}
.hdr-btn-logout {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid #2A3A5A;
  color: #CBD5E1;
}
.hdr-btn-logout:hover {
  border-color: #EF4444;
  color: #EF4444;
}
#user-name {
  font-size: 17px;
  color: #CBD5E1;
  font-family: 'Noto Sans KR', sans-serif;
  font-weight: 500;
}

.hidden { display: none !important; }

/* mode-tab-bar 중앙 정렬 (헤더와 같은 1100px 폭) */
.mode-tab-bar {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 20px;
}

/* 모바일 */
@media (max-width: 640px) {
  header.fineye-header {
    height: 140px;
  }
  .fineye-nav-bar {
    top: 140px;
  }
  header.fineye-header > .fineye-header-inner {
    padding: 0 14px;
  }
  .mode-tab-bar {
    padding: 0 14px;
  }
  header.fineye-header .logo {
    font-size: 26px;
    letter-spacing: 3px;
  }
  .fineye-logo-wrap,
  .fineye-logo-wrap img,
  .fineye-logo-wrap video,
  .fineye-logo-wrap .fallback {
    width: 110px;
    height: 110px;
  }
  .hdr-btn {
    font-size: 11px;
    padding: 6px 10px;
  }
  #user-name { display: none; }
  header.fineye-header .logo { display: none; }

  /* 네비 2줄 (3개 × 2행) */
  .fineye-nav-inner {
    flex-wrap: wrap;
    gap: 0;
    padding: 0;
  }
  .fineye-nav-tab {
    flex: 0 0 33.333%;
    justify-content: center;
    padding: 9px 4px;
    font-size: 11px;
    gap: 3px;
    white-space: nowrap;
    border-bottom: 2px solid transparent;
    border-right: 1px solid #1E2D45;
  }
  .fineye-nav-tab:nth-child(3),
  .fineye-nav-tab:nth-child(6) {
    border-right: none;
  }
  .fineye-nav-tab.active {
    border-bottom-color: #F0B429;
  }
}