/* 라이프코드 단품 전용 (/lifecode/) — lifecode-product.css 상단바 + 콘텐츠 숨김 */
@import url('/css/lifecode-standalone.css');

html.lifecode-product .lc-product-off,
.lc-product-off {
  display: none !important;
}

html.lifecode-product .hero-tag {
  letter-spacing: 0.12em;
}

html.lifecode-product .analysis-wait-inner {
  border-left: 3px solid var(--accent, #c8a96e);
  padding-left: 14px;
}

/* 단품 상단 — 라이프코드 워드마크 (아이콘 없이 텍스트만) */
.lc-product-bar .topbar-logo--wordmark {
  gap: 0;
  padding: 4px 0;
}

.lc-product-bar .topbar-logo-wordmark {
  font-family: 'Noto Serif KR', var(--font-serif, Georgia, serif);
  font-size: 1.125rem;
  font-weight: 600;
  letter-spacing: -0.02em;
  color: var(--deep-brown, #4a3520);
  line-height: 1.2;
  white-space: nowrap;
}

@media (max-width: 560px) {
  .lc-product-bar .topbar-logo-wordmark {
    font-size: 1.05rem;
  }
}

/* 상단 메뉴: 라이프코드 분석 · 상담사 허브 (동일 폰트·색, 링크 기본 밑줄 제거) */
.lc-product-bar .lc-topbar-nav {
  font-family: var(--font-ui, 'Pretendard Variable', Pretendard, sans-serif);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.02em;
  color: var(--deep-brown, #4a3520);
  text-decoration: none;
  white-space: nowrap;
  line-height: 1.35;
}

.lc-product-bar a.lc-topbar-nav:link,
.lc-product-bar a.lc-topbar-nav:visited,
.lc-product-bar a.lc-topbar-nav:hover,
.lc-product-bar a.lc-topbar-nav:active {
  color: var(--deep-brown, #4a3520);
  text-decoration: none;
}

.lc-product-bar a.lc-topbar-nav:hover {
  color: var(--ink, #2c1f0e);
}

.lc-product-bar .lc-topbar-nav.is-current {
  color: var(--deep-brown, #4a3520);
}

/* 모바일: 라이프코드 ↔ 상담사 허브 한 줄, 인쇄·PDF는 다음 줄 */
@media (max-width: 700px) {
  .lc-product-top .topbar.lc-product-bar {
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px 10px;
    padding: 8px 12px;
    min-height: 0;
  }

  .lc-product-top .lc-product-bar .topbar-left {
    width: auto;
    flex: 1 1 auto;
    min-width: 0;
  }

  .lc-product-top .lc-product-bar .topbar-right {
    width: auto;
    flex: 0 0 auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 6px 8px;
    max-width: calc(100% - 4px);
  }

  .lc-product-top .lc-product-bar #topbarCounselorHubLink {
    order: 0;
    flex: 0 0 auto;
    font-size: 12px;
    padding: 7px 10px;
    min-height: 34px;
  }

  .lc-product-top .lc-product-bar .topbar-right > .lc-topbar-nav {
    order: 0;
    flex: 0 0 auto;
    font-size: 12px;
  }

  .lc-product-top .lc-product-bar .topbar-export-btns {
    order: 10;
    flex: 1 1 100%;
    width: 100%;
    display: flex;
    gap: 8px;
    justify-content: stretch;
    margin: 0;
  }

  .lc-product-top .lc-product-bar .topbar-export-btns .counselor-bar-btn {
    flex: 1 1 0;
    min-width: 0;
    min-height: 34px;
  }
}