/* ==============================================
   Header (네비게이션) 전용 너비 확장 스타일
   - 화면 비율에 따라 헤더 컨테이너 너비 확장
   - 다른 페이지에 영향 없이 독립 관리
   ============================================== */

/* 헤더 컨테이너 너비 확장 */
#mainNav > .container {
    max-width: 1400px;
    width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
}

/* 메뉴 항목 줄바꿈 방지 */
#mainNav .navbar-nav {
    flex-wrap: nowrap;
}

#mainNav .navbar-nav .nav-item .nav-link {
    white-space: nowrap;
}

/* ── 반응형 ── */
@media (max-width: 991.98px) {
    #mainNav > .container {
        padding-left: 0.75rem;
        padding-right: 0.75rem;
    }
}

@media (max-width: 575.98px) {
    #mainNav > .container {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }
}