/* Automation Page Specific Styles */

/* 자동화 페이지 전용 테마 - 연한 블루색 */
.page-automation {
    --automation-primary: #0066CC;
    --automation-primary-light: #4A90E2;
    --automation-primary-soft: #E8F2FF;
    --automation-bg-main: #F8FBFF;
    --automation-gradient: linear-gradient(135deg, #0066CC 0%, #4A90E2 100%);
    --automation-gradient-soft: linear-gradient(135deg, rgba(0, 102, 204, 0.1) 0%, rgba(74, 144, 226, 0.05) 100%);
    --automation-gradient-bg: linear-gradient(135deg, #F8FBFF 0%, #F0F6FF 100%);
}

/* 자동화 페이지 메인 래퍼 배경 */
.page-automation .main-wrapper {
    background: var(--automation-gradient-bg);
}

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

/* 자동화 페이지 프로그레스바 */
.page-automation .progress-bar {
    background: var(--automation-gradient);
}

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

.page-automation .btn-gradient:hover {
    background: linear-gradient(135deg, #0052A3 0%, #3A7BC8 100%);
    color: var(--bg-white);
    transform: translateY(-2px);
    box-shadow: var(--shadow-lg);
}

/* 자동화 페이지 카드 아이콘 */
.page-automation .card-icon {
    background: var(--automation-gradient);
}

/* 자동화 페이지 사이드바 테마 */
.page-automation .offcanvas {
    background: var(--bg-white) !important;
    border-right: 1px solid rgba(0, 102, 204, 0.2) !important;
}

.page-automation .offcanvas-header {
    background: rgba(0, 102, 204, 0.05);
    border-bottom: 1px solid rgba(0, 102, 204, 0.1) !important;
}

/* 자동화 페이지 사이드바 호버 효과 */
.page-automation .nav-link:hover {
    background: rgba(0, 102, 204, 0.08) !important;
    color: var(--automation-primary) !important;
    border-left-color: var(--automation-primary) !important;
}

.page-automation .nav-link.active {
    background: rgba(0, 102, 204, 0.15) !important;
    color: var(--automation-primary) !important;
    border-left-color: var(--automation-primary) !important;
    font-weight: 600;
}

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

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

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

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

/* 자동화 페이지 가격 텍스트 */
.page-automation .price-section .h5 {
    color: var(--automation-primary) !important;
}

/* 자동화 페이지 체크 아이콘 */
.page-automation .bi-check {
    color: var(--automation-primary) !important;
}

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

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

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

/* 자동화 페이지 PC 헤더 하단 패딩 0 */
.page-automation .navbar {
    padding-bottom: 0 !important;
}

/* 자동화 페이지 프로그레스바 */
.page-automation .progress-bar {
    background: var(--automation-gradient);
}

/* 자동화 특화 스타일 */
.page-automation .platform-grid {
    gap: 16px;
}

.page-automation .process-step {
    transition: all 0.3s ease;
}

.page-automation .process-step:hover {
    transform: translateY(-4px);
}

/* 자동화 전용 서비스 카드 스타일 */
.page-automation .service-card-automation {
    border: 0.5px solid rgba(0, 102, 204, 0.15) !important;
}

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

.page-automation .service-card-automation .service-number {
    font-size: 1.5rem;
    color: #0066CC;
    font-weight: bold;
}

.page-automation .service-card-automation .service-footer {
    background: rgba(0, 102, 204, 0.08);
    color: #0066CC;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 12px;
    border-radius: 0 0 6px 6px;
    font-weight: 500;
    text-align: center;
}

/* 자동화 섹션별 고유 스타일 */
.page-automation .automation-intro {
    /* 인트로 섹션 전용 스타일 */
}

.page-automation .automation-service-intro {
    /* 서비스소개 섹션 전용 스타일 */
}

.page-automation .automation-services {
    /* 자동화서비스 섹션 전용 스타일 */
}

.page-automation .automation-platforms {
    /* 지원플랫폼 섹션 전용 스타일 */
}

.page-automation .automation-process {
    /* 작업과정 섹션 전용 스타일 */
}

.page-automation .automation-contact {
    /* 문의 섹션 전용 스타일 */
}

/* 자동화 페이지 프로그레스바 위치 조정 */
.page-automation .progress-bar-container {
    top: 55px !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
}