/* ===================================================
   네비게이션 메뉴 30% 확대 + 한양해서체 + 2글자 색상 분리
   - 글자 크기: 30% 확대 (1.27rem / 1.08rem / 1.14rem)
   - 글씨체: 한양해서체 (HY해서체)
   - 글자 굵기: 700 (진하게 통일)
   - 색상: 2글자씩 조화로운 배색
   =================================================== */

/* 한양해서체 적용 */
.nav-menu,
.nav-menu a,
.nav-vertical,
.nav-vertical-single,
.nav-chatbot-btn {
    font-family: 'HY해서M', 'HY해서B', 'HYHeadLine', 'Hanyang', '한양해서체', 'HY견고딕', 'Malgun Gothic', '맑은 고딕', sans-serif !important;
    letter-spacing: 0.05em !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
}

/* 모든 메뉴 글자 굵기를 700(bold)으로 강제 통일 */
.nav-menu a,
.nav-menu li a,
.nav-vertical,
.nav-vertical .nav-main,
.nav-vertical .nav-sub,
.nav-vertical-single,
.nav-chatbot-btn,
.nav-menu .nav-vertical .nav-main,
.nav-menu .nav-vertical .nav-sub,
.nav-menu .nav-vertical-single {
    font-weight: 700 !important;
}

/* 네비게이션 메뉴 간격 조정 */
.nav-menu {
    gap: 30px !important; /* 55px → 30px (간격 좁힘) */
}

/* 네비게이션 메뉴 링크 글자 크기 30% 확대 (0.98rem × 1.3 = 1.274rem) */
.nav-menu a {
    font-size: 1.27rem !important;
}

/* 홈 링크 글자 크기 30% 확대 */
.nav-menu a[href="#home"] {
    font-size: 1.27rem !important;
}

/* 세로 배치 메뉴 - 주 메뉴 (회사, 황칠, 한자 등) 30% 확대 */
.nav-vertical .nav-main {
    font-size: 1.27rem !important; /* 0.98rem × 1.3 = 1.274rem */
    display: inline-block !important;
}

/* 세로 배치 메뉴 - 서브 메뉴 (소개, 제품 등) 30% 확대 */
.nav-vertical .nav-sub {
    font-size: 1.08rem !important; /* 0.83rem × 1.3 = 1.079rem */
    display: inline-block !important;
}

/* 세로 배치 단일 메뉴 (소개, 역사, 질병 예방, 연구, 활용법, 안전성 등) 30% 확대 */
.nav-vertical-single {
    font-size: 1.14rem !important; /* 0.88rem × 1.3 = 1.144rem */
    line-height: 1.8 !important;
    padding: 8px 13px !important; /* 6px × 1.3 = 7.8px → 8px, 10px × 1.3 = 13px */
    display: inline-block !important;
}

/* 세로 배치 메뉴 간격 */
.nav-vertical {
    gap: 9px !important; /* 7px × 1.3 = 9.1px → 9px */
    line-height: 1.8 !important;
}

/* 상담봇 버튼 글자 크기 */
.nav-chatbot-btn {
    font-size: 1.08rem !important; /* 0.83rem × 1.3 = 1.079rem */
    padding: 10px 22px !important; /* 8px × 1.3 = 10.4px → 10px, 17px × 1.3 = 22.1px → 22px */
    margin-left: 38px !important; /* 연락처 옆 간격 1cm */
}



/* 추가: 모든 span 요소도 굵기 통일 */
.nav-menu span,
.nav-vertical span,
.nav-vertical-single span {
    font-weight: 700 !important;
}

/* ===================================================
   4글자 메뉴 2글자씩 색상 분리 (조화로운 황금+보라+녹색)
   - 회사소개: 회사(황금 #D4AF37) + 소개(보라 #8B4789)
   - 황칠제품: 황칠(녹색 #2d5016) + 제품(황금 #D4AF37)
   - 한자풀이: 한자(황금 #D4AF37) + 풀이(보라 #8B4789)
   - 질병예방: 질병(보라 #8B4789) + 예방(녹색 #2d5016)
   - 상담분야: 상담(황금 #D4AF37) + 분야(보라 #8B4789)
   =================================================== */

/* 회사 + 소개 (황금 + 보라) */
.nav-menu a[href="#company"] .nav-main {
    color: #D4AF37 !important; /* 황금색 */
}
.nav-menu a[href="#company"] .nav-sub {
    color: #8B4789 !important; /* 보라색 */
}

/* 황칠 + 제품 (녹색 + 황금) */
.nav-menu a[href="#products"] .nav-main {
    color: #2d5016 !important; /* 진한 녹색 */
}
.nav-menu a[href="#products"] .nav-sub {
    color: #D4AF37 !important; /* 황금색 */
}

/* 한자 + 풀이 (황금 + 보라) */
.nav-menu a[href="#etymology"] .nav-main {
    color: #D4AF37 !important; /* 황금색 */
}
.nav-menu a[href="#etymology"] .nav-sub {
    color: #8B4789 !important; /* 보라색 */
}

/* 질병 + 예방 (보라 + 녹색) */
.nav-menu a[href="#disease-stats"] .nav-main {
    color: #8B4789 !important; /* 보라색 */
}
.nav-menu a[href="#disease-stats"] .nav-sub {
    color: #2d5016 !important; /* 진한 녹색 */
}

/* 상담 + 분야 (황금 + 보라) */
.nav-menu a[href="#consultation-services"] .nav-main {
    color: #D4AF37 !important; /* 황금색 */
}
.nav-menu a[href="#consultation-services"] .nav-sub {
    color: #8B4789 !important; /* 보라색 */
}