/* Mobile Force Light Mode - 모바일 환경 강제 라이트 모드 적용 */
/* 2025년 10월 13일 - 모바일 헤더 및 메뉴 배경 투명 문제 해결 (최종 수정) */

/* 전역 다크 모드 차단 */
* {
    color-scheme: light only !important;
}

html,
body,
div,
section,
article {
    color-scheme: light only !important;
}

/* prefers-color-scheme을 사용한 다크 모드 명시적 차단 */
@media (prefers-color-scheme: dark) {
    /* 모든 요소를 라이트 모드로 강제 (푸터 완전 제외) */
    *:not(.main-footer):not(.main-footer *):not(footer):not(footer *),
    *:not(.main-footer):not(footer)::before,
    *:not(.main-footer):not(footer)::after {
        color-scheme: light only !important;
        background-color: initial !important;
    }
    
    /* 모바일 메뉴 영역 강제 흔색 배경 - 4차 방어 */
    .mobile-menu,
    .mobile-menu.active,
    .mobile-dropdown-content,
    .mobile-dropdown-content.show {
        background-color: #ffffff !important;
        background: #ffffff !important;
        color: #111827 !important;
        -webkit-backdrop-filter: none !important;
        backdrop-filter: none !important;
        opacity: 1 !important;
    }
    
    /* 푸터는 다크 배경 유지 - 최우선 순위 */
    .main-footer,
    footer.main-footer,
    footer {
        background-color: #111827 !important;
        background: #111827 !important;
        color: #d1d5db !important;
    }
    
    /* 푸터 내부 요소 색상 명확하게 지정 */
    .main-footer .footer-subtitle,
    footer.main-footer .footer-subtitle,
    footer .footer-subtitle {
        color: #ffffff !important;
        -webkit-text-fill-color: #ffffff !important;
    }
    
    .main-footer .info-item i,
    footer.main-footer .info-item i,
    footer .info-item i {
        color: #3b82f6 !important;
        -webkit-text-fill-color: #3b82f6 !important;
    }
    
    .main-footer .business-list i,
    footer.main-footer .business-list i,
    footer .business-list i {
        color: #10b981 !important;
        -webkit-text-fill-color: #10b981 !important;
    }
    
    .main-footer .footer-links a,
    .main-footer .info-item,
    .main-footer .info-item span,
    .main-footer .business-list li,
    footer.main-footer .footer-links a,
    footer.main-footer .info-item,
    footer.main-footer .info-item span,
    footer.main-footer .business-list li,
    footer .footer-links a,
    footer .info-item,
    footer .info-item span,
    footer .business-list li {
        color: #d1d5db !important;
        -webkit-text-fill-color: #d1d5db !important;
    }
    
    .main-footer .copyright-text,
    .main-footer .copyright-text p,
    .main-footer .copyright-text *,
    footer.main-footer .copyright-text,
    footer.main-footer .copyright-text p,
    footer.main-footer .copyright-text *,
    footer .copyright-text,
    footer .copyright-text p,
    footer .copyright-text * {
        color: #d1d5db !important;
        -webkit-text-fill-color: #d1d5db !important;
    }
    
    .main-footer .copyright-sub,
    footer.main-footer .copyright-sub,
    footer .copyright-sub {
        color: #6b7280 !important;
        -webkit-text-fill-color: #6b7280 !important;
    }
    
    /* 솔루션 페이지 전체 배경 */
    .solution-hero,
    .tab-content,
    .tab-pane,
    .module-container {
        color-scheme: light only !important;
        background-color: #ffffff !important;
    }
    
    /* 모든 카드 요소 강제 흰색 배경 */
    .module-card,
    .management-card,
    .feature-card,
    .dispatch-box,
    .salary-features,
    .income-card,
    .material-card,
    .accounting-features,
    .safety-card,
    .workflow-item,
    .highlight-card,
    .solution-card,
    .dispatch-dashboard,
    .common-management .management-card,
    .tab-pane .management-card,
    .tab-pane .module-card {
        background-color: #ffffff !important;
        background: #ffffff !important;
        color: #111827 !important;
    }
    
    /* 카드 내부 요소들 */
    .module-card *,
    .management-card *,
    .feature-card *,
    .dispatch-box *,
    .salary-features *,
    .income-card *,
    .material-card *,
    .accounting-features *,
    .safety-card *,
    .workflow-item *,
    .highlight-card * {
        color-scheme: light only !important;
    }
    
    /* 제목 색상 */
    .management-title,
    .module-card h4,
    .management-card h4,
    .feature-card h4,
    .dispatch-box h4,
    .income-card h4,
    .material-card h4,
    .safety-card h4 {
        color: #111827 !important;
    }
    
    /* 리스트 아이템 색상 */
    .management-features li,
    .feature-list li,
    .feature-card ul li,
    .dispatch-box ul li,
    .material-card ul li {
        color: #000000 !important;
        opacity: 1 !important;
        -webkit-text-fill-color: #000000 !important;
    }
}

/* 모바일 환경에서 모든 카드 강제 흰색 배경 */
@media (max-width: 768px) {
    /* 모바일 메뉴 영역 강제 흔색 배경 - 4차 방어 */
    .mobile-menu,
    .mobile-menu.active,
    nav.mobile-menu,
    nav.mobile-menu.active {
        background-color: #ffffff !important;
        background: #ffffff !important;
        color: #111827 !important;
        -webkit-backdrop-filter: none !important;
        backdrop-filter: none !important;
        opacity: 1 !important;
    }
    
    .mobile-dropdown-content,
    .mobile-dropdown-content.show,
    div.mobile-dropdown-content,
    div.mobile-dropdown-content.show {
        background-color: #ffffff !important;
        background: #ffffff !important;
        color: #111827 !important;
    }
    
    /* 푸터 색상 강제 적용 - 최우선 순위 */
    .main-footer,
    footer.main-footer,
    footer {
        background-color: #111827 !important;
        background: #111827 !important;
        color: #d1d5db !important;
    }
    
    .main-footer .footer-subtitle,
    footer.main-footer .footer-subtitle,
    footer .footer-subtitle {
        color: #ffffff !important;
        -webkit-text-fill-color: #ffffff !important;
    }
    
    .main-footer .info-item i,
    footer.main-footer .info-item i,
    footer .info-item i {
        color: #3b82f6 !important;
        -webkit-text-fill-color: #3b82f6 !important;
    }
    
    .main-footer .business-list i,
    footer.main-footer .business-list i,
    footer .business-list i {
        color: #10b981 !important;
        -webkit-text-fill-color: #10b981 !important;
    }
    
    .main-footer .footer-links a,
    .main-footer .info-item,
    .main-footer .info-item span,
    .main-footer .business-list li,
    footer.main-footer .footer-links a,
    footer.main-footer .info-item,
    footer.main-footer .info-item span,
    footer.main-footer .business-list li,
    footer .footer-links a,
    footer .info-item,
    footer .info-item span,
    footer .business-list li {
        color: #d1d5db !important;
        -webkit-text-fill-color: #d1d5db !important;
    }
    
    .main-footer .copyright-text,
    .main-footer .copyright-text p,
    .main-footer .copyright-text *,
    footer.main-footer .copyright-text,
    footer.main-footer .copyright-text p,
    footer.main-footer .copyright-text *,
    footer .copyright-text,
    footer .copyright-text p,
    footer .copyright-text * {
        color: #d1d5db !important;
        -webkit-text-fill-color: #d1d5db !important;
    }
    
    .main-footer .copyright-sub,
    footer.main-footer .copyright-sub,
    footer .copyright-sub {
        color: #6b7280 !important;
        -webkit-text-fill-color: #6b7280 !important;
    }
    
    /* 모든 카드 타입에 강제 흰색 배경 적용 */
    .module-card,
    .management-card,
    .feature-card,
    .dispatch-box,
    .salary-features,
    .income-card,
    .material-card,
    .accounting-features,
    .safety-card,
    .workflow-item,
    .highlight-card,
    .solution-card,
    .dispatch-dashboard,
    div[class*="card"],
    div[class*="Card"] {
        background-color: #ffffff !important;
        background: #ffffff !important;
        color: #111827 !important;
        color-scheme: light only !important;
    }
    
    /* 호버 상태도 흰색 배경 유지 */
    .module-card:hover,
    .management-card:hover,
    .feature-card:hover {
        background-color: #ffffff !important;
        background: #ffffff !important;
    }
    
    /* 카드 내부의 모든 텍스트 요소 */
    .module-card h1,
    .module-card h2,
    .module-card h3,
    .module-card h4,
    .module-card h5,
    .module-card h6,
    .module-card p,
    .module-card span,
    .module-card div,
    .management-card h1,
    .management-card h2,
    .management-card h3,
    .management-card h4,
    .management-card h5,
    .management-card h6,
    .management-card p,
    .management-card span,
    .management-card div,
    .feature-card h1,
    .feature-card h2,
    .feature-card h3,
    .feature-card h4,
    .feature-card h5,
    .feature-card h6 {
        color: #111827 !important;
    }
    
    /* 리스트 아이템 */
    .management-features li,
    .feature-list li,
    ul li {
        color: #000000 !important;
        opacity: 1 !important;
        -webkit-text-fill-color: #000000 !important;
        font-weight: 500 !important;
    }
    
    /* 탭 콘텐츠 영역 */
    .tab-content,
    .tab-pane {
        background-color: #f9fafb !important;
        color-scheme: light only !important;
    }
    
    /* 솔루션 페이지 특정 선택자 */
    .tab-pane.active .management-card,
    .tab-pane.active .module-card,
    .common-management .management-card,
    .dashboard-grid .module-card {
        background-color: #ffffff !important;
        background: #ffffff !important;
    }
}

/* 매우 작은 모바일 기기 (640px 이하) */
@media (max-width: 640px) {
    /* 모바일 메뉴 영역 강제 - 4차 방어 */
    .mobile-menu,
    .mobile-menu.active {
        background-color: #ffffff !important;
        background: #ffffff !important;
    }
    
    .mobile-dropdown-content,
    .mobile-dropdown-content.show {
        background-color: #ffffff !important;
        background: #ffffff !important;
    }
    
    /* 푸터 색상 */
    .main-footer,
    footer.main-footer,
    footer {
        background-color: #111827 !important;
        color: #d1d5db !important;
    }
    
    .main-footer .footer-subtitle,
    footer.main-footer .footer-subtitle,
    footer .footer-subtitle {
        color: #ffffff !important;
        -webkit-text-fill-color: #ffffff !important;
    }
    
    .main-footer .info-item i,
    footer.main-footer .info-item i,
    footer .info-item i {
        color: #3b82f6 !important;
        -webkit-text-fill-color: #3b82f6 !important;
    }
    
    .main-footer .business-list i,
    footer.main-footer .business-list i,
    footer .business-list i {
        color: #10b981 !important;
        -webkit-text-fill-color: #10b981 !important;
    }
    
    .main-footer .footer-links a,
    .main-footer .info-item,
    .main-footer .info-item span,
    .main-footer .business-list li,
    footer.main-footer .footer-links a,
    footer.main-footer .info-item,
    footer.main-footer .info-item span,
    footer.main-footer .business-list li,
    footer .footer-links a,
    footer .info-item,
    footer .info-item span,
    footer .business-list li {
        color: #d1d5db !important;
        -webkit-text-fill-color: #d1d5db !important;
    }
    
    /* 카드 색상 */
    .module-card,
    .management-card,
    .feature-card,
    div[class*="card"] {
        background-color: #ffffff !important;
        background: #ffffff !important;
        color: #111827 !important;
    }
}

/* 태블릿 환경 */
@media (min-width: 641px) and (max-width: 1024px) {
    /* 푸터 색상 */
    .main-footer,
    footer.main-footer,
    footer {
        background-color: #111827 !important;
        color: #d1d5db !important;
    }
    
    .main-footer .footer-subtitle,
    footer.main-footer .footer-subtitle,
    footer .footer-subtitle {
        color: #ffffff !important;
        -webkit-text-fill-color: #ffffff !important;
    }
    
    .main-footer .info-item i,
    footer.main-footer .info-item i,
    footer .info-item i {
        color: #3b82f6 !important;
        -webkit-text-fill-color: #3b82f6 !important;
    }
    
    .main-footer .business-list i,
    footer.main-footer .business-list i,
    footer .business-list i {
        color: #10b981 !important;
        -webkit-text-fill-color: #10b981 !important;
    }
    
    .main-footer .footer-links a,
    .main-footer .info-item,
    .main-footer .info-item span,
    .main-footer .business-list li,
    footer.main-footer .footer-links a,
    footer.main-footer .info-item,
    footer.main-footer .info-item span,
    footer.main-footer .business-list li,
    footer .footer-links a,
    footer .info-item,
    footer .info-item span,
    footer .business-list li {
        color: #d1d5db !important;
        -webkit-text-fill-color: #d1d5db !important;
    }
    
    /* 카드 색상 */
    .module-card,
    .management-card,
    .feature-card {
        background-color: #ffffff !important;
        background: #ffffff !important;
        color: #111827 !important;
    }
}

/* iOS Safari 특수 처리 */
@supports (-webkit-touch-callout: none) {
    @media (max-width: 768px) {
        .main-footer,
        .main-footer *,
        footer,
        footer * {
            -webkit-appearance: none !important;
        }
        
        .main-footer .footer-subtitle,
        footer.main-footer .footer-subtitle,
        footer .footer-subtitle {
            color: #ffffff !important;
            -webkit-text-fill-color: #ffffff !important;
        }
        
        .main-footer .footer-links a,
        .main-footer .info-item,
        .main-footer .info-item span,
        .main-footer .business-list li,
        footer.main-footer .footer-links a,
        footer.main-footer .info-item,
        footer.main-footer .info-item span,
        footer.main-footer .business-list li,
        footer .footer-links a,
        footer .info-item,
        footer .info-item span,
        footer .business-list li {
            color: #d1d5db !important;
            -webkit-text-fill-color: #d1d5db !important;
        }
        
        .main-footer .info-item i,
        footer.main-footer .info-item i,
        footer .info-item i {
            color: #3b82f6 !important;
            -webkit-text-fill-color: #3b82f6 !important;
        }
        
        .main-footer .business-list i,
        footer.main-footer .business-list i,
        footer .business-list i {
            color: #10b981 !important;
            -webkit-text-fill-color: #10b981 !important;
        }
    }
    
    .module-card,
    .management-card,
    .feature-card {
        background-color: #ffffff !important;
        background: #ffffff !important;
        -webkit-appearance: none !important;
    }
}

/* Android Chrome 특수 처리 */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
    @media (max-width: 768px) {
        .main-footer,
        footer.main-footer,
        footer {
            background-color: #111827 !important;
        }
        
        .main-footer .footer-subtitle,
        footer.main-footer .footer-subtitle,
        footer .footer-subtitle {
            color: #ffffff !important;
            -webkit-text-fill-color: #ffffff !important;
        }
        
        .main-footer .footer-links a,
        .main-footer .info-item,
        .main-footer .info-item span,
        .main-footer .business-list li,
        footer.main-footer .footer-links a,
        footer.main-footer .info-item,
        footer.main-footer .info-item span,
        footer.main-footer .business-list li,
        footer .footer-links a,
        footer .info-item,
        footer .info-item span,
        footer .business-list li {
            color: #d1d5db !important;
            -webkit-text-fill-color: #d1d5db !important;
        }
        
        .main-footer .info-item i,
        footer.main-footer .info-item i,
        footer .info-item i {
            color: #3b82f6 !important;
            -webkit-text-fill-color: #3b82f6 !important;
        }
        
        .main-footer .business-list i,
        footer.main-footer .business-list i,
        footer .business-list i {
            color: #10b981 !important;
            -webkit-text-fill-color: #10b981 !important;
        }
    }
    
    .module-card,
    .management-card,
    .feature-card {
        background-color: #ffffff !important;
        background: #ffffff !important;
    }
}

/* 모든 다크 모드 관련 클래스 무효화 */
.dark,
.dark-mode,
[data-theme="dark"],
[data-mode="dark"] {
    color-scheme: light only !important;
}

.dark .module-card,
.dark .management-card,
.dark-mode .module-card,
.dark-mode .management-card {
    background-color: #ffffff !important;
    background: #ffffff !important;
    color: #111827 !important;
}

/* 푸터는 다크 모드에서도 다크 배경 유지 */
.dark .main-footer,
.dark-mode .main-footer,
[data-theme="dark"] .main-footer,
[data-mode="dark"] .main-footer,
.dark footer,
.dark-mode footer,
[data-theme="dark"] footer,
[data-mode="dark"] footer {
    background-color: #111827 !important;
    color: #d1d5db !important;
}

.dark .main-footer .footer-subtitle,
.dark-mode .main-footer .footer-subtitle,
.dark footer .footer-subtitle,
.dark-mode footer .footer-subtitle {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

.dark .main-footer .info-item i,
.dark-mode .main-footer .info-item i,
.dark footer .info-item i,
.dark-mode footer .info-item i {
    color: #3b82f6 !important;
    -webkit-text-fill-color: #3b82f6 !important;
}

.dark .main-footer .business-list i,
.dark-mode .main-footer .business-list i,
.dark footer .business-list i,
.dark-mode footer .business-list i {
    color: #10b981 !important;
    -webkit-text-fill-color: #10b981 !important;
}

.dark .main-footer .footer-links a,
.dark .main-footer .info-item,
.dark .main-footer .info-item span,
.dark .main-footer .business-list li,
.dark-mode .main-footer .footer-links a,
.dark-mode .main-footer .info-item,
.dark-mode .main-footer .info-item span,
.dark-mode .main-footer .business-list li,
.dark footer .footer-links a,
.dark footer .info-item,
.dark footer .info-item span,
.dark footer .business-list li,
.dark-mode footer .footer-links a,
.dark-mode footer .info-item,
.dark-mode footer .info-item span,
.dark-mode footer .business-list li {
    color: #d1d5db !important;
    -webkit-text-fill-color: #d1d5db !important;
}