/* ==========================================================================
   Homepage Design Fixes
   NOTE: All landing page specific fixes have been moved to landing.css
   This file now only contains general fixes that may apply to the application
   ========================================================================== */

/* NOTE: Navbar line overlay fixes have been moved to landing.css */

/* NOTE: Pricing card fixes have been moved to landing.css */

/* NOTE: Service card spacing improvements have been moved to landing.css */

/* NOTE: Animation reduction fixes have been moved to landing.css and applied there */

/* NOTE: Why Choose section contrast fixes have been moved to landing.css */

/* ==========================================================================
   6. ADDITIONAL IMPROVEMENTS
   General enhancements for better visual consistency
   ========================================================================== */

/* Improve general card hover states */
.card {
    transition: all 0.3s ease;
}

.card:hover {
    transform: translateY(-3px);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

/* Ensure consistent spacing */
.section {
    padding: 60px 0;
}

.section-title {
    padding-bottom: 40px;
}

/* Fix any z-index issues */
.header {
    z-index: 997;
}

.navmenu {
    z-index: 996;
}

/* Improve focus states for accessibility */
a:focus,
button:focus,
input:focus,
select:focus,
textarea:focus {
    outline: 2px solid #47b2e4;
    outline-offset: 2px;
}

/* Performance optimization - reduce repaints */
.animated,
.hero-img img,
.floating-shape,
.card-hover-lift,
.card-hover-scale {
    will-change: auto; /* Only use will-change when needed */
}

/* Media query for mobile responsiveness */
@media (max-width: 768px) {
    /* Disable all hover effects on mobile */
    .card-hover-lift:hover,
    .card-hover-scale:hover,
    .service-item:hover {
        transform: none !important;
        box-shadow: none !important;
    }
    
    /* Ensure cards stack properly on mobile */
    .pricing .pricing-item,
    .services .service-item {
        margin-bottom: 30px;
        min-height: auto;
    }
    
    /* Fix padding on mobile */
    .section {
        padding: 40px 0;
    }
}

/* ==========================================================================
   7. ACCESSIBILITY IMPROVEMENTS
   Ensure WCAG compliance for contrast and focus states
   ========================================================================== */

/* Ensure minimum contrast ratios */
.text-muted {
    color: #6c757d !important; /* Darker muted text */
}

/* High contrast mode support */
@media (prefers-contrast: high) {
    .why-us .faq-container .faq-item {
        border: 2px solid #000;
    }
    
    .card {
        border: 2px solid #000;
    }
}

/* Reduced motion support */
@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
    
    .floating-shape {
        display: none;
    }
}