/* Naver Page Specific Styles */

/* 네이버 페이지 전용 테마 - 연한 초록색 */
.page-naver {
    --naver-primary: #03C75A;
    --naver-primary-light: #4FD882;
    --naver-primary-soft: #E8F5E8;
    --naver-bg-main: #F8FDF9;
    --naver-gradient: linear-gradient(135deg, #03C75A 0%, #4FD882 100%);
    --naver-gradient-soft: linear-gradient(135deg, rgba(3, 199, 90, 0.1) 0%, rgba(79, 216, 130, 0.05) 100%);
    --naver-gradient-bg: linear-gradient(135deg, #F8FDF9 0%, #F0F9F2 100%);
}

/* 네이버 페이지 메인 래퍼 배경 */
.page-naver .main-wrapper {
    background: var(--naver-gradient-bg);
}

.page-naver .main-content {
    background: transparent;
}

/* 네이버 페이지 프로그레스바 */
.page-naver .progress-bar {
    background: var(--naver-gradient);
}

/* 네이버 페이지 버튼 스타일 */
.page-naver .btn-gradient {
    background: var(--naver-gradient);
    border: none;
    color: var(--bg-white);
}

.page-naver .btn-gradient:hover {
    background: linear-gradient(135deg, #02B350 0%, #45C474 100%);
    color: var(--bg-white);
    transform: translateY(-2px);
    box-shadow: var(--shadow-lg);
}

/* 네이버 페이지 카드 아이콘 */
.page-naver .card-icon {
    background: var(--naver-gradient);
}

/* 네이버 페이지 사이드바 테마 */
.page-naver .offcanvas {
    background: var(--bg-white) !important;
    border-right: 1px solid rgba(3, 199, 90, 0.2) !important;
}

.page-naver .offcanvas-header {
    background: rgba(3, 199, 90, 0.05);
    border-bottom: 1px solid rgba(3, 199, 90, 0.1) !important;
}

/* 사이드바 텍스트와 아이콘은 기본 색상 유지, 호버만 네이버 컬러 */
.page-naver .nav-link:hover {
    background: rgba(3, 199, 90, 0.08) !important;
    color: var(--naver-primary) !important;
    border-left-color: var(--naver-primary) !important;
}

.page-naver .nav-link.active {
    background: rgba(3, 199, 90, 0.15) !important;
    color: var(--naver-primary) !important;
    border-left-color: var(--naver-primary) !important;
    font-weight: 600;
}

/* 네이버 페이지 섹션 배경 - 화이트로 */
.page-naver .section:nth-child(odd) {
    background: var(--bg-white);
}

.page-naver .section:nth-child(even) {
    background: var(--bg-white);
}

/* 네이버 페이지 카드 배경 - 화이트로 */
.page-naver .card {
    background: var(--bg-white);
    border: 1px solid var(--border);
}

.page-naver .card:hover {
    background: var(--bg-white);
    box-shadow: 0 8px 24px rgba(0,0,0,0.08);
    border: 1px solid rgba(3, 199, 90, 0.2);
}

/* 네이버 페이지 가격 텍스트 */
.page-naver .price-section .h5 {
    color: var(--naver-primary) !important;
}

/* 네이버 페이지 체크 아이콘 */
.page-naver .bi-check {
    color: var(--naver-primary) !important;
}

/* 네이버 페이지 네비게이션 배지 */
.page-naver .nav-badge.active {
    background: var(--naver-primary);
    color: var(--bg-white);
}

.page-naver .nav-badge:hover {
    background: var(--naver-primary-soft);
    color: var(--naver-primary);
}

/* 네이버 페이지 헤더 로고 아이콘 */
.page-naver .navbar-brand i {
    color: var(--naver-primary) !important;
}

/* 네이버 특화 스타일 */
.page-naver .platform-icon {
    transition: all 0.3s ease;
}

.page-naver .platform-icon:hover {
    transform: scale(1.05);
    background: var(--naver-primary-soft) !important;
}

/* 네이버 전용 서비스 카드 스타일 */
.page-naver .service-card-naver {
    border: 0.5px solid rgba(3, 199, 90, 0.15) !important;
}

.page-naver .service-card-naver .card-body {
    position: relative;
}

.page-naver .service-card-naver .service-number {
    font-size: 1.5rem;
    color: #03C75A;
    font-weight: bold;
}

.page-naver .service-card-naver .service-footer {
    background: rgba(3, 199, 90, 0.08);
    color: #03C75A;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 12px;
    border-radius: 0 0 6px 6px;
    font-weight: 500;
    text-align: center;
}

/* 네이버 섹션별 고유 스타일 */
.page-naver .naver-intro {
    /* 인트로 섹션 전용 스타일 */
}

.page-naver .naver-service-intro {
    /* 생태계분석 섹션 전용 스타일 */
}

.page-naver .naver-solutions {
    /* 자동화솔루션 섹션 전용 스타일 */
}

.page-naver .naver-features {
    /* 주요기능 섹션 전용 스타일 */
}

.page-naver .naver-benefits {
    /* 기대효과 섹션 전용 스타일 */
}

/* 네이버 페이지 섹션 간격 조정 - 섹션 간 여백만 추가 */
.page-naver .section {
    margin-bottom: 4rem !important;
}

.page-naver .section:last-child {
    margin-bottom: 2rem !important;
}