/* ===== COLOR CONSISTENCY FIX FOR ALL DEVICES ===== */
/* This file overrides dark mode and ensures consistent colors across all devices */

/* Force light mode - Override all dark mode preferences */
@media (prefers-color-scheme: dark) {
    /* Reset root variables to light theme */
    :root {
        --white: #FFFFFF !important;
        --off-white: #FAFBFC !important;
        --light-gray: #F8F9FA !important;
        --gray-100: #F3F4F6 !important;
        --gray-200: #E5E7EB !important;
        --gray-300: #D1D5DB !important;
        --gray-400: #9CA3AF !important;
        --gray-500: #6B7280 !important;
        --gray-600: #4B5563 !important;
        --gray-700: #374151 !important;
        --gray-800: #1F2937 !important;
        --text-light: #64748B !important;
        --text-dark: #2D3748 !important;
        --dark-gray: #374151 !important;
        --border-light: #E2E8F0 !important;
        
        /* Primary colors */
        --primary-navy: #1C2951 !important;
        --primary-gold: #D4AF37 !important;
        --dark-navy: #0f1729 !important;
        --light-navy: #2B3F6B !important;
        
        /* Background colors */
        --bg-primary: #FFFFFF !important;
        --bg-secondary: #F8FAFC !important;
        --bg-tertiary: #E2E8F0 !important;
        --bg-light: #F8F9FA !important;
        --bg-card: #FFFFFF !important;
    }
    
    /* Force body to always use light background */
    body {
        background-color: #FFFFFF !important;
        background: #FFFFFF !important;
        color: #333333 !important;
    }
    
    /* Force all cards and containers to use light backgrounds */
    .service-card,
    .testimonial-card,
    .practice-item,
    .contact-form,
    .info-card,
    .feature,
    .credential,
    .card,
    .card-theme {
        background: #FFFFFF !important;
        background-color: #FFFFFF !important;
        color: #333333 !important;
        border-color: rgba(212, 175, 55, 0.1) !important;
    }
    
    /* Force header to use designed gradient */
    .header {
        background: linear-gradient(135deg, rgba(26, 54, 93, 0.95) 0%, rgba(44, 90, 160, 0.95) 100%) !important;
        border-bottom-color: rgba(212, 175, 55, 0.1) !important;
    }
    
    /* Force navigation links to use correct colors */
    .nav-link {
        color: #FFFFFF !important;
    }
    
    .nav-link:hover,
    .nav-link.active {
        color: #D4AF37 !important;
    }
    
    /* Force dropdown menus to use light background */
    .dropdown-menu {
        background: rgba(255, 255, 255, 0.98) !important;
        border-color: rgba(212, 175, 55, 0.1) !important;
    }
    
    .dropdown-title {
        color: #1C2951 !important;
    }
    
    .dropdown-link {
        color: #4B5563 !important;
    }
    
    .dropdown-link:hover {
        color: #D4AF37 !important;
    }
    
    /* Force hamburger menu colors */
    .hamburger span {
        background: #FFFFFF !important;
    }
    
    /* Force mobile navigation menu */
    .nav-menu {
        background: linear-gradient(135deg, rgba(26, 54, 93, 0.98) 0%, rgba(44, 90, 160, 0.98) 100%) !important;
    }
    
    /* Force form inputs to use light backgrounds */
    .form-group input,
    .form-group select,
    .form-group textarea,
    input,
    select,
    textarea {
        background: #FFFFFF !important;
        background-color: #FFFFFF !important;
        border-color: #E2E8F0 !important;
        color: #333333 !important;
    }
    
    /* Force text colors */
    h1, h2, h3, h4, h5, h6 {
        color: #1C2951 !important;
    }
    
    p, span, div {
        color: inherit;
    }
    
    /* Force section backgrounds */
    .about,
    .services,
    .team,
    .testimonials,
    .contact,
    section {
        background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 50%, #f8f9fa 100%) !important;
    }
    
    /* Force hero section overlay */
    .hero-overlay {
        background: linear-gradient(135deg, rgba(28,41,81,0.95) 0%, rgba(43,63,107,0.9) 50%, rgba(59,89,152,0.85) 100%) !important;
    }
    
    /* Force BPO and service specific overrides */
    .bpo-overview {
        background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%) !important;
    }
    
    /* Force footer to use designed colors */
    .footer {
        background: linear-gradient(135deg, #1C2951 0%, #2B3F6B 100%) !important;
        color: #FFFFFF !important;
    }
    
    .footer h3,
    .footer h4,
    .footer p,
    .footer a {
        color: #FFFFFF !important;
    }
    
    .footer a:hover {
        color: #D4AF37 !important;
    }
}

/* Additional consistency fixes for all screen sizes */

/* Ensure consistent white backgrounds */
body {
    background: #FFFFFF;
    color: #333333;
}

/* Ensure all sections have consistent backgrounds */
section {
    background: #FFFFFF;
}

/* Ensure cards are always white */
.service-card,
.testimonial-card,
.practice-item,
.info-card,
.feature,
.credential,
.card,
.card-theme {
    background: #FFFFFF;
    color: #333333;
}

/* Ensure text is always readable */
h1, h2, h3, h4, h5, h6 {
    color: #1C2951;
}

/* Ensure inputs are always white */
input,
select,
textarea,
.form-group input,
.form-group select,
.form-group textarea {
    background: #FFFFFF;
    color: #333333;
    border-color: #E2E8F0;
}

/* Ensure buttons maintain consistent colors */
.btn-primary {
    background: linear-gradient(135deg, #D4AF37 0%, #B8941F 100%);
    color: #1C2951;
}

.btn-secondary {
    background: rgba(255, 255, 255, 0.1);
    color: #FFFFFF;
    border-color: #D4AF37;
}

/* Prevent any element from turning black */
*[style*="background: black"],
*[style*="background-color: black"],
*[style*="background: #000"],
*[style*="background-color: #000"] {
    background: #FFFFFF !important;
    background-color: #FFFFFF !important;
}

/* Ensure proper contrast for accessibility while maintaining design */
@media (prefers-contrast: high) {
    body {
        background: #FFFFFF !important;
        color: #000000 !important;
    }
    
    .service-card,
    .testimonial-card,
    .card {
        background: #FFFFFF !important;
        border: 2px solid #1C2951 !important;
    }
}

/* Print styles - ensure proper colors when printing */
@media print {
    body {
        background: #FFFFFF !important;
        color: #000000 !important;
    }
    
    .service-card,
    .testimonial-card,
    .card {
        background: #FFFFFF !important;
        border: 1px solid #333333 !important;
    }
}