/* Applicare Core CSS - Main Import File */

/* Core Styles */
@import url('./core/variables.css');
@import url('./core/reset.css');
@import url('./core/typography.css');

/* Layout Styles */
@import url('./layout/grid.css');
@import url('./layout/top-info-bar.css');
@import url('./layout/header.css');
@import url('./layout/footer.css');

/* Component Styles */
@import url('./components/buttons.css');
@import url('./components/page-sections.css');
@import url('./components/pricing-widget.css');

/* Page-specific styles */
@import url('./pages/home.css');
@import url('./pages/city.css');
@import url('./pages/service.css');
@import url('./pages/about.css');
@import url('./pages/contact.css');
@import url('./pages/terms-conditions.css');
@import url('./pages/privacy-policy.css');
@import url('./pages/faq.css');

/* Mobile Performance Optimizations */
@media (max-width: 768px) {
    /* Disable expensive backdrop-filter on mobile for better performance */
    .service-card,
    .services .service-card,
    .home-services .service-card,
    .city-services .service-card,
    .benefit-card,
    .experience-card,
    .faq-item,
    .testimonial-card,
    .pricing-subsection,
    .pricing-card,
    .step-card,
    .trust-card,
    .issue-card,
    .explanation-card {
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
        background: rgba(255, 255, 255, 0.98) !important;
        box-shadow: var(--shadow-light) !important;
    }
    
    /* Reduce expensive box-shadows on mobile */
    .service-card:hover,
    .services .service-card:hover,
    .home-services .service-card:hover,
    .city-services .service-card:hover,
    .benefit-card:hover,
    .testimonial-card:hover {
        transform: none !important;
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1) !important;
    }
}