/* Main CSS File - Imports all modules */

/* Base Styles */
@import url('./base/variables.css');
@import url('./base/reset.css');
@import url('./base/typography.css');

/* Layout Styles */
@import url('./layout/header.css');
@import url('./layout/footer.css');
@import url('./layout/grid.css');

/* Component Styles */
@import url('./components/buttons.css');
@import url('./components/cards.css');
@import url('./components/forms.css');
@import url('./components/navigation.css');
@import url('./components/animations.css');
@import url('./components/special-components.css');

/* Page Styles */
@import url('./pages/home.css');
@import url('./pages/about.css');
@import url('./pages/projects.css');
@import url('./pages/contact.css');

/* Responsive Styles - Desktop Only */
@import url('./responsive/desktop.css');


/* ======================================== */
/* 최고 우선순위: 메뉴 창 배경색 하얀색 강제 적용 */
/* ======================================== */
/* PC 전용 스타일 - 하얀색 배경 강제 */
html body .desktop-menu-summary,
body .desktop-menu-summary,
.desktop-menu-summary {
    background: #ffffff !important; /* 직접 하얀색 값 사용 */
    background-color: #ffffff !important; /* background-color 속성도 추가 */
}

/* PC 전용 메뉴 배경색 - 투명 */
html body .nav-menu,
body .nav-menu,
.nav-menu,
html body .nav-menu.active,
body .nav-menu.active,
.nav-menu.active {
    background: transparent !important; /* PC 전용 투명 */
    background-color: transparent !important;
}

/* ======================================== */
/* 최고 우선순위: 직접 이동 메뉴 활성화 상태 - 파란색 강조 (강제) */
/* ======================================== */

/* 모든 화면 크기에서 적용되는 최고 우선순위 스타일 - 직접 파란색 값 사용 */
.nav-menu .nav-item .nav-link.active,
.nav-menu.active .nav-item .nav-link.active,
.header .nav-menu .nav-item .nav-link.active,
.header .nav-menu.active .nav-item .nav-link.active,
body .nav-menu .nav-item .nav-link.active,
body .nav-menu.active .nav-item .nav-link.active,
html body .nav-menu .nav-item .nav-link.active,
html body .nav-menu.active .nav-item .nav-link.active {
    background-color: #3b82f6 !important; /* 직접 파란색 값 */
    background: #3b82f6 !important; /* background 속성도 추가 */
    color: #ffffff !important; /* 직접 흰색 값 */
    font-weight: 600 !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) !important;
}

.nav-menu .nav-item .nav-link.active:hover,
.nav-menu.active .nav-item .nav-link.active:hover,
.header .nav-menu .nav-item .nav-link.active:hover,
.header .nav-menu.active .nav-item .nav-link.active:hover,
body .nav-menu .nav-item .nav-link.active:hover,
body .nav-menu.active .nav-item .nav-link.active:hover,
html body .nav-menu .nav-item .nav-link.active:hover,
html body .nav-menu.active .nav-item .nav-link.active:hover {
    background-color: #1e40af !important; /* 더 진한 파란색 */
    background: #1e40af !important; /* background 속성도 추가 */
    color: #ffffff !important; /* 직접 흰색 값 */
}