/* Landing Page Specific CSS - Reset any problematic global styles */

/* Only apply to landing page */
body.landing-page {
    overflow-x: hidden;
    margin: 0;
    padding: 0;
}

/* Ensure no drawer-related styles affect the landing page */
body.landing-page .drawer,
body.landing-page .drawer-side,
body.landing-page .drawer-content,
body.landing-page .drawer-toggle,
body.landing-page .drawer-overlay {
    display: none !important;
    position: static !important;
    transform: none !important;
    margin: 0 !important;
    padding: 0 !important;
    width: auto !important;
    height: auto !important;
}

/* Ensure header displays correctly */
body.landing-page header {
    position: sticky !important;
    top: 0 !important;
    display: block !important;
    width: 100% !important;
    z-index: 50 !important;
}

/* Reset any global flex rules that might interfere */
body.landing-page .max-w-7xl {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    max-width: 80rem !important;
    margin: 0 auto !important;
    padding: 0 1rem !important;
}

/* Mobile Menu Specific Fixes */
body.landing-page #mobileMenu {
    position: static !important;
    display: none !important;
    width: 100% !important;
}

body.landing-page #mobileMenu.show {
    display: block !important;
}

/* Ensure mobile menu toggle button shows on small screens */
@media (max-width: 767px) {
    body.landing-page #mobileMenuBtn {
        display: block !important;
    }
    
    body.landing-page nav.hidden {
        display: none !important;
    }
}

/* Hide mobile button and show nav on desktop */
@media (min-width: 768px) {
    body.landing-page #mobileMenuBtn {
        display: none !important;
    }
    
    body.landing-page nav.hidden {
        display: flex !important;
    }
    
    body.landing-page #mobileMenu {
        display: none !important;
    }
}

/* Reset any problematic card styles for landing */
body.landing-page .card {
    position: static !important;
    transform: none !important;
    margin: 1rem auto !important;
}

/* Ensure content flows normally */
body.landing-page .container,
body.landing-page .max-w-7xl,
body.landing-page .mx-auto {
    position: static !important;
    transform: none !important;
}

/* Fix any layout issues */
body.landing-page main,
body.landing-page section,
body.landing-page div {
    position: static !important;
    transform: none !important;
}