/* static/css/style.css */

/* 1. 기본 폰트 설정 */
body { font-family: 'Lato', sans-serif; color: #555; }
h1, h2, h3, h4, h5, h6, .navbar-brand { font-family: 'Playfair Display', serif; color: #222; }

/* 2. 럭셔리 컬러 팔레트 (화이트 & 아쿠아 블루) */
:root {
    --primary-blue: #00A8CC; /* 수영장 물 색상 (Aqua Blue) */
    --text-dark: #222;       /* 진한 회색 텍스트 */
}

/* 3. 네비게이션 바 커스텀 */
.navbar {
    background-color: rgba(255, 255, 255, 0.95) !important; /* 살짝 투명한 흰색 */
    backdrop-filter: blur(10px); /* 배경 흐림 효과 */
    padding: 1.2rem 0;
    box-shadow: 0 2px 15px rgba(0,0,0,0.03);
}
.navbar-brand {
    font-size: 1.8rem;
    font-weight: 700;
    color: var(--primary-blue) !important; /* 로고를 파란색으로 */
}
.nav-link {
    font-weight: 600;
    color: #666 !important;
    text-transform: uppercase;
    font-size: 0.85rem;
    letter-spacing: 1px;
    margin: 0 10px;
}
.nav-link:hover { color: var(--primary-blue) !important; }

/* 4. 버튼 커스텀 (중앙 정렬 및 파란색 테마) */
.btn-luxury {
    background-color: var(--primary-blue);
    color: white;
    border: 2px solid var(--primary-blue);
    border-radius: 0;
    /* 버튼 텍스트 중앙 정렬의 핵심 */
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* 패딩 조절 */
    padding: 14px 35px; 
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 700;
    font-size: 0.9rem;
    transition: all 0.3s ease;
    /* 높이 강제 지정 (선택사항, 필요시 주석 해제) */
    /* height: 55px; */ 
}
.btn-luxury:hover {
    background-color: transparent;
    color: var(--primary-blue); /* 호버 시 배경 투명, 글씨 파랑 */
    box-shadow: 0 5px 15px rgba(0, 168, 204, 0.3);
}

.btn-outline-white {
    color: white;
    border: 2px solid white;
    border-radius: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 14px 35px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 700;
    font-size: 0.9rem;
    transition: all 0.3s ease;
}
.btn-outline-white:hover {
    background-color: white;
    color: var(--primary-blue);
}