/*
 * 서브 페이지 헤더 스타일 보정
 * 서브 페이지에서 header가 항상 보이도록 보장
 */

/* 서브 페이지용 헤더 기본 스타일 */
.header.scrolled {
    background-color: #ffffff;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

/* 서브 페이지 메뉴 폰트 색상 (어두운 색) */
.header.scrolled .header__nav a {
    color: #495057 !important;
}

.header.scrolled .header__nav a:hover {
    color: #030507 !important;
}

/* 서브 페이지 로고 색상 */
.header.scrolled .header__logo {
    color: #16191d;
}

/* 서브 페이지 햄버거 아이콘 색상 */
.header.scrolled .hamburger-icon .icon-1,
.header.scrolled .hamburger-icon .icon-2,
.header.scrolled .hamburger-icon .icon-3 {
    background-color: #16191d;
}

/* ============================================
   모바일 메뉴 폰트 색상 (서브 페이지)
   ============================================ */

/* 모바일 메뉴 배경은 흰색이므로 폰트는 어두운 색 */
.header.scrolled .mobile-nav__toggle {
    color: #495057 !important;
}

.header.scrolled .mobile-nav__toggle:hover {
    color: #030507 !important;
    background-color: rgba(0, 0, 0, 0.05) !important;
}

.header.scrolled .mobile-nav__item > a {
    color: #495057 !important;
}

.header.scrolled .mobile-nav__item > a:hover {
    color: #030507 !important;
    background-color: rgba(0, 0, 0, 0.05) !important;
}

.header.scrolled .mobile-nav__submenu a {
    color: #6c757d !important;
}

.header.scrolled .mobile-nav__submenu a:hover {
    color: #030507 !important;
    background-color: rgba(0, 0, 0, 0.05) !important;
    border-left-color: #495057 !important;
}

/* 모바일 메뉴 구분선 색상 조정 */
.header.scrolled .mobile-nav__item {
    border-bottom-color: rgba(0, 0, 0, 0.1) !important;
}

/* 모바일 서브메뉴 배경 색상 */
.header.scrolled .mobile-nav__submenu {
    background-color: rgba(0, 0, 0, 0.03) !important;
}

/* ============================================
   메인 페이지는 예외 (기존 스타일 유지)
   ============================================ */

.header.scrolled.is-main .header__nav a {
    color: #ffffff !important;
}

.header.scrolled.is-main .header__nav a:hover {
    color: #ffffff !important;
}

/* 메인 페이지 모바일 메뉴도 어두운 색 폰트 사용 (흰색 배경과 구분) */
.header.scrolled.is-main .mobile-nav__toggle {
    color: #16191d !important;
}

.header.scrolled.is-main .mobile-nav__toggle:hover {
    color: #000000 !important;
    background-color: rgba(0, 0, 0, 0.05) !important;
}

.header.scrolled.is-main .mobile-nav__item > a {
    color: #16191d !important;
}

.header.scrolled.is-main .mobile-nav__item > a:hover {
    color: #000000 !important;
    background-color: rgba(0, 0, 0, 0.05) !important;
}

.header.scrolled.is-main .mobile-nav__submenu a {
    color: #495057 !important;
}

.header.scrolled.is-main .mobile-nav__submenu a:hover {
    color: #000000 !important;
    background-color: rgba(0, 0, 0, 0.05) !important;
    border-left-color: #495057 !important;
}

.header.scrolled.is-main .mobile-nav__item {
    border-bottom-color: rgba(0, 0, 0, 0.1) !important;
}

.header.scrolled.is-main .mobile-nav__submenu {
    background-color: rgba(0, 0, 0, 0.03) !important;
}