/* ==========================================================================
   루나소나타 헤더 커스텀 스타일 (assets/css/header-footer.css)
   ========================================================================== */

/* 1. 아스트라 기본 헤더 전체 배경 및 상단 테두리 변경 예시 */
.site-header {
    background-color: #ffffff !important; /* 헤더 배경을 깔끔한 화이트로 */
    border-bottom: 1px solid #eaeaea;   /* 하단에 은은한 구분선 추가 */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.02); /* 부드러운 그림자 효과 */
}

/* 2. 메인 메뉴 링크 스타일 변경 예시 */
.main-navigation a {
    color: #333333 !important;      /* 글자 색상 */
    font-weight: 600 !important;     /* 글자 두께 */
    font-size: 15px !important;      /* 글자 크기 */
    transition: color 0.3s ease;     /* 부드러운 색상 전환 효과 */
}

/* 3. 메뉴 링크에 마우스를 올렸을 때(Hover) 효과 */
.main-navigation a:hover {
    color: #5e5ce6 !important;      /* 신비로운 보라색/블루 톤으로 변경 */
}

/* 4. 만약 header.php에 나만의 알림바(.luna-top-bar)를 추가했다면 적용될 스타일 */
.luna-top-bar {
    background-color: #1c1c1e;     /* 밤하늘을 닮은 다크 배경 */
    color: #d1d1d6;                /* 부드러운 밝은 회색 글자 */
    text-align: center;
    padding: 8px 20px;
    font-size: 13px;
    letter-spacing: 0.5px;
}
.luna-top-bar p {
    margin: 0;
}