/* ======================================== */
/* PC 메뉴 요약 카드 전용 스타일 */
/* PC/랩탑 화면에서만 적용 (1025px 이상) */
/* ======================================== */

@media (min-width: 1025px) {
    /* PC 메뉴 요약 그리드 - 2열 레이아웃, 화면 중앙 정렬 */
    .menu-summary-grid {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important; /* 2열 그리드 - 반응형 폭 */
        gap: 50px !important; /* 카드 간 간격 */
        max-width: 1400px !important; /* 최대 폭 제한 */
        width: 100% !important; /* 화면 폭에 맞춤 */
        margin: 0 auto !important; /* 화면 중앙 정렬 */
        padding: 0 var(--spacing-6) !important; /* 좌우 여백 */
        box-sizing: border-box !important;
        justify-content: center !important; /* 그리드 내용 중앙 정렬 */
        align-items: start !important; /* 상단 정렬 */
        position: relative !important;
    }
    
    /* PC 메뉴 요약 카드 - 반응형 폭, 화면 중앙 정렬 */
    .menu-summary-card {
        width: 100% !important; /* 그리드 셀에 맞춤 */
        max-width: none !important; /* 최대 폭 제한 해제 */
        min-width: 0 !important; /* 최소 폭 제한 해제 */
        height: auto !important; /* 내용에 따라 높이 자동 조절 */
        margin: 0 !important; /* 마진 제거 */
        background: var(--white) !important;
        border-radius: var(--radius-2xl) !important;
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1) !important;
        transition: all var(--transition-normal) !important;
        cursor: default !important;
        display: flex !important;
        flex-direction: column !important;
        overflow: visible !important;
        position: relative !important;
        box-sizing: border-box !important;
        justify-self: stretch !important; /* 그리드 셀 전체 사용 */
        align-self: start !important; /* 상단 정렬 */
    }
    
    /* PC 카드 호버 효과 */
    .menu-summary-card:hover {
        transform: translateY(-8px) !important;
        box-shadow: 0 12px 30px rgba(0, 0, 0, 0.15) !important;
    }
    
    /* PC 카드 콘텐츠 */
    .card-content {
        padding: var(--spacing-6) !important;
        flex: 1 !important;
        display: flex !important;
        flex-direction: column !important;
        gap: var(--spacing-4) !important;
        height: auto !important; /* 내용에 따라 높이 자동 조절 */
        box-sizing: border-box !important;
    }
    
    /* PC 요약 아이콘 */
    .summary-icon {
        width: 50px !important;
        height: 50px !important;
        background: var(--primary-color) !important;
        border-radius: 50% !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        margin-bottom: var(--spacing-4) !important;
        flex-shrink: 0 !important;
    }
    
    .summary-icon i {
        color: var(--white) !important;
        font-size: var(--font-size-xl) !important;
    }
    
    /* PC 카드 제목 */
    .menu-summary-card h3 {
        color: var(--text-primary) !important;
        font-size: var(--font-size-2xl) !important;
        font-weight: var(--font-weight-bold) !important;
        margin: 0 0 var(--spacing-3) 0 !important;
        line-height: 1.3 !important;
    }
    
    /* PC 카드 설명 - 가독성 개선 */
    .menu-summary-card p {
        color: var(--text-primary) !important; /* 연한 회색에서 진한 색상으로 변경 */
        font-size: var(--font-size-base) !important;
        line-height: 1.6 !important;
        margin: 0 0 var(--spacing-4) 0 !important;
        flex: 1 !important;
        font-weight: var(--font-weight-normal) !important; /* 폰트 굵기 명시 */
    }
    
    /* PC 메뉴 하이라이트 아이템 */
    .menu-highlight-item {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 10px !important;
        padding: 12px 15px !important;
        margin: 0 !important;
        background: rgba(0, 0, 0, 0.05) !important;
        border-radius: var(--radius-xl) !important;
        border: none !important;
        transition: all var(--transition-normal) !important;
        text-align: center !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }
    
    .menu-highlight-item:hover {
        background: rgba(0, 0, 0, 0.1) !important;
        transform: translateY(-1px) !important;
    }
    
    .menu-highlight-item i {
        color: var(--primary-color) !important;
        font-size: var(--font-size-base) !important;
        flex-shrink: 0 !important;
    }
    
    .menu-highlight-item span {
        color: var(--text-primary) !important;
        font-size: var(--font-size-sm) !important;
        font-weight: var(--font-weight-semibold) !important;
        flex: 1 !important;
        text-align: center !important;
    }
    
    /* PC 다운로드 링크 */
    .download-link {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 8px !important;
        padding: 12px 20px !important;
        margin: 0 !important;
        background: rgba(0, 0, 0, 0.05) !important;
        border-radius: var(--radius-lg) !important;
        border: none !important;
        transition: all var(--transition-normal) !important;
        text-decoration: none !important;
        color: inherit !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }
    
    .download-link:hover {
        background: rgba(0, 0, 0, 0.1) !important;
        transform: translateY(-1px) !important;
        text-decoration: none !important;
        color: inherit !important;
    }
    
    .download-link:active {
        transform: translateY(0) !important;
    }
    
    .download-link i {
        color: inherit !important;
        font-size: var(--font-size-base) !important;
        width: 20px !important;
        text-align: center !important;
        flex-shrink: 0 !important;
    }
    
    .download-link span {
        color: inherit !important;
        font-size: var(--font-size-sm) !important;
        font-weight: var(--font-weight-semibold) !important;
        flex: 1 !important;
        text-align: center !important;
    }
    
    /* PC 메뉴 요약 섹션 */
    .mobile-menu-summary {
        padding: var(--spacing-12) 0 !important;
        background: var(--bg-secondary) !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important; /* 섹션 내용 중앙 정렬 */
        justify-content: center !important;
        width: 100% !important;
        box-sizing: border-box !important;
        position: relative !important;
        overflow: hidden !important;
    }
    
    /* PC 컨테이너 중앙 정렬 */
    .mobile-menu-summary .container {
        width: 100% !important;
        max-width: none !important;
        margin: 0 auto !important;
        padding: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        box-sizing: border-box !important;
        position: relative !important;
        overflow: visible !important;
    }
    
    /* PC Gas Blocks 카드 - 모든 텍스트 검정색으로 변경 */
    .menu-summary-card:nth-child(2) h3 {
        color: #000000 !important; /* 제목도 검정색으로 변경 */
        font-size: var(--font-size-2xl) !important;
        font-weight: var(--font-weight-bold) !important;
    }

    .menu-summary-card:nth-child(2) p {
        color: #000000 !important; /* 검정색으로 변경 */
        font-size: var(--font-size-base) !important;
        line-height: 1.6 !important;
        font-weight: var(--font-weight-normal) !important;
    }

    .menu-summary-card:nth-child(2) .location-label {
        color: #000000 !important; /* 검정색으로 변경 */
        font-weight: var(--font-weight-semibold) !important;
    }

    .menu-summary-card:nth-child(2) .location-content {
        color: #000000 !important; /* 검정색으로 변경 */
        font-size: var(--font-size-base) !important;
        line-height: 1.6 !important;
        font-weight: var(--font-weight-normal) !important;
    }

    .menu-summary-card:nth-child(2) .gas-schlumberger-info {
        color: #000000 !important; /* 검정색으로 변경 */
        font-size: var(--font-size-base) !important;
        line-height: var(--line-height-relaxed) !important;
        font-weight: var(--font-weight-normal) !important;
        text-align: left !important;
        margin: var(--spacing-3) 0 0 0 !important;
        padding: 0 var(--spacing-2) !important;
    }


    /* PC LNG Project 카드 특별 텍스트 - 가독성 개선 */
    .menu-summary-card .lng-tan-section p {
        color: var(--text-primary) !important; /* 진한 색상으로 변경 */
        font-size: var(--font-size-base) !important;
        line-height: var(--line-height-relaxed) !important;
        font-weight: var(--font-weight-normal) !important;
        text-align: left !important;
        margin-top: 25px !important;
        margin-bottom: 0 !important;
        padding: 0 !important;
        text-shadow: none !important; /* 텍스트 그림자 제거 */
    }

    /* PC 요약 제목 */
    .summary-title {
        text-align: center !important;
        color: var(--primary-color) !important;
        font-size: var(--font-size-4xl) !important;
        font-weight: var(--font-weight-bold) !important;
        margin: 0 auto var(--spacing-8) auto !important;
        max-width: 1200px !important; /* 그리드와 동일한 최대 폭 */
        width: 100% !important; /* 화면 폭에 맞춤 */
        padding: 0 var(--spacing-6) !important; /* 좌우 여백 */
        box-sizing: border-box !important;
        position: relative !important;
    }
}
