/* volnew1/css/index.css
 * 이 호(vol) 전용 index 오버라이드만 유지.
 * 공통 레이아웃(hero·toc-card·section·cols·media-text·card·btn)은 common_new1/css/layout.css.
 */

.index-main { padding-top: 0; }

/* Hero 배너 위 헤더 대비 (배너 있을 때 = 흰색 헤더 요소) */
.page-index .site-header:not(.is-scrolled) .site-header__brand,
.page-index .site-header:not(.is-scrolled) .site-header__actions,
.page-index .site-header:not(.is-scrolled) .vol-dropdown__btn {
  color: #ffffff;
}

.page-index .site-header:not(.is-scrolled) .vol-dropdown__btn,
.page-index .site-header:not(.is-scrolled) .site-header__pdf-btn {
  border-color: rgba(255, 255, 255, 0.58);
}

.page-index .site-header:not(.is-scrolled) .site-header__lang-btn {
  color: rgba(255, 255, 255, 0.76);
}

.page-index .site-header:not(.is-scrolled) .site-header__lang-btn.is-active,
.page-index .site-header:not(.is-scrolled) .site-header__lang-btn[aria-pressed="true"] {
  color: #ffffff;
}

/* 배너 없는 호: 헤더 요소를 라이트 배경 대비로 전환 */
.page-index:not(.has-hero-banner) .site-header:not(.is-scrolled) .site-header__brand,
.page-index:not(.has-hero-banner) .site-header:not(.is-scrolled) .vol-dropdown__btn {
  color: var(--ink-strong);
}
.page-index:not(.has-hero-banner) .site-header:not(.is-scrolled) .site-header__brand-name img {
  filter: none;
}

.page-index:not(.has-hero-banner) .site-header:not(.is-scrolled) .vol-dropdown__btn {
  border-color: var(--border-strong);
}

.page-index:not(.has-hero-banner) .site-header:not(.is-scrolled) .site-header__lang {
  border-color: var(--border);
  background: rgba(255, 255, 255, 0.86);
}

.page-index:not(.has-hero-banner) .site-header:not(.is-scrolled) .site-header__lang-btn {
  color: var(--ink);
}

.page-index:not(.has-hero-banner) .site-header:not(.is-scrolled) .site-header__lang-btn.is-active,
.page-index:not(.has-hero-banner) .site-header:not(.is-scrolled) .site-header__lang-btn[aria-pressed="true"] {
  background: var(--kvic-navy);
  color: #ffffff;
}

.page-index:not(.has-hero-banner) .site-header:not(.is-scrolled) .site-header__pdf-btn {
  border-color: var(--kvic-navy);
  background: var(--kvic-navy);
  color: #ffffff;
}