/* MOBILE SHOW ALL SECTIONS - Force display of all content */

@media screen and (max-width: 768px) {
    /* CRITICAL: Show ALL sections that might be hidden */
    
    /* 1. Force display all sections */
    section,
    .section,
    [class*="section"] {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        position: relative !important;
    }
    
    /* 2. Specific sections by likely class names */
    .why-choose,
    .why-choose-section,
    .features,
    .benefits,
    .cta,
    .cta-section,
    .call-to-action,
    .testimonials,
    .success-stories,
    .client-success,
    .consultation,
    .free-consultation,
    .contact,
    .contact-section {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
    
    /* 3. Show all grids and cards */
    .grid,
    [class*="grid"],
    .card,
    [class*="card"] {
        display: grid !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
    
    /* 4. Override any mobile-hidden classes */
    .mobile-hidden,
    .hidden-mobile,
    .hide-mobile,
    .desktop-only,
    .hidden-xs,
    .hidden-sm,
    .d-none,
    .d-sm-none,
    .d-md-none {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
    
    /* 5. Fix grid layouts for mobile */
    [class*="grid"] {
        grid-template-columns: 1fr !important;
        gap: 20px !important;
    }
    
    /* 6. Remove any height restrictions */
    section,
    .section,
    [class*="section"] {
        height: auto !important;
        min-height: auto !important;
        max-height: none !important;
        overflow: visible !important;
    }
    
    /* 7. Ensure content containers are visible */
    .container,
    .content,
    .wrapper,
    [class*="container"],
    [class*="content"],
    [class*="wrapper"] {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
    
    /* 8. Fix any transform that might hide content */
    * {
        transform: none !important;
    }
    
    /* 9. Remove any filters that might hide content */
    * {
        filter: none !important;
    }
    
    /* 10. Ensure no negative margins hide content */
    * {
        margin-top: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    
    /* 11. Fix positioning issues */
    * {
        position: relative !important;
        left: auto !important;
        right: auto !important;
        top: auto !important;
    }
    
    /* Special cases for absolute positioning */
    .navbar,
    .nav-menu {
        position: fixed !important;
    }
    
    .hero-overlay,
    .overlay {
        position: absolute !important;
    }
}

/* Force specific sections to show based on content */
@media screen and (max-width: 768px) {
    /* Sections containing "Ready to Recover" */
    section:has(h2:contains("Ready to Recover")),
    section:has(h2:contains("ready to recover")) {
        display: block !important;
    }
    
    /* Sections containing "Success Stories" */
    section:has(h2:contains("Success Stories")),
    section:has(h2:contains("success stories")) {
        display: block !important;
    }
    
    /* Sections containing "Consultation" */
    section:has(h2:contains("Consultation")),
    section:has(h2:contains("consultation")) {
        display: block !important;
    }
    
    /* Sections containing "Why Choose" */
    section:has(h2:contains("Why Choose")),
    section:has(h2:contains("why choose")) {
        display: block !important;
    }
}

/* Additional fallback using nth-child */
@media screen and (max-width: 768px) {
    body > section,
    main > section,
    .main > section,
    #main > section {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
}