/* ----------------------------------------------------
   STABLE V3 MOBILE STYLES (MENU, SEARCH, FOOTER)
   ---------------------------------------------------- */

@media (max-width: 899px) {
    /* --- SHARED & GLOBAL RESET --- */
    body .container, body .body, .bottomPart, .universal-footer {
        box-shadow: none !important;
        border: none !important;
        background: none !important;
    }

    body .menu {
        background-color: #548cff !important;
        background-image: url("../../assets/newDesign/MenuIllustration.svg") !important;
        background-size: 60% !important;
        background-repeat: no-repeat !important;
        background-position: left bottom !important;
        color: #fff !important;
        display: flex !important;
        flex-direction: column !important;
        position: fixed !important;
        top: 0 !important;
        right: 0 !important;
        width: 100% !important;
        height: 100% !important;
        z-index: 999999 !important;
        transform: translateX(100%);
        transition: transform 300ms ease;
    }
    
    body .menu.slidein { transform: translateX(0%); }

    body .menu .content h4 { color: #fff !important; font-weight: 800; }
    body .menu .content ul li a { color: #fff !important; text-decoration: none; }

    /* --- SEARCH MODAL STYLES REMOVED - NOW MANAGED IN lessoonsNew.css --- */

}

    /* --- CLEAN MOBILE-FIRST NATIVE FOOTER --- */
    .v3-clean-footer {
        background: #fff !important;
        display: flex !important;
        flex-direction: column !important;
        width: 100%;
        overflow: hidden;
    }

    .v3-footer-blue-section {
        background: #548cff !important;
        padding: 3rem 2rem 1rem 2rem !important;
        text-align: right !important;
        color: #fff !important;
    }

    .v3-footer-logo-text { font-size: 3rem; font-weight: 900; margin-bottom: 2rem; color: #fff !important; display: block; text-decoration: none; text-align: left; }
    .v3-footer-nav-links a { display: block; color: #fff !important; font-size: 1.7rem; margin-bottom: 1rem; text-decoration: none; text-align: right; }
    .v3-footer-social-wrap { margin-top: 4rem; }
    .v3-footer-social-wrap h5, .v3-footer-social-wrap .footerSocialTitle { font-size: 2.8rem; font-weight: 800; line-height: 1.2; margin-bottom: 1.5rem; color: #fff !important; text-align: right; }
    .v3-social-icons { display: flex; justify-content: flex-start; gap: 2rem; margin: 2rem 0; }
    .v3-social-icons img { height: 3rem; }
    .v3-footer-copyright { color: #fff !important; line-height: 1.5; font-size: 1.4rem;  text-align: right; margin-bottom: 2rem; }

    .v3-footer-wave-divider {
        height: 60px !important;
        background: url("../../assets/newDesign/FooterWave.svg") no-repeat top center !important;
        background-size: cover !important;
        margin-top: -1px;
        transform: rotate(180deg);
    }

    .v3-footer-white-section {
        padding: 4rem 2rem !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
    }

    .v3-footer-big-tagline { font-size: 2.6rem; font-weight: normal; margin-bottom: 2rem; width: 100%; text-align: center; display: block; }
    .v3-footer-main-illu {
        width: 100%;
        max-width: 300px;
        height: auto;
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
    }
    .v3-footer-main-illu img:not(.profileFooterIcon) { width: 100%; height: auto; }
    
    img.profileFooterIcon { position: absolute; width: 120px !important; height: auto !important; top: 0; left: 0; z-index: 10; display: block !important; }

    /* Desktop Footer Expansion */
    @media screen and (min-width: 900px) {
        .v3-footer-blue-section {
            padding: 4rem 10% 2rem 10% !important;
            display: flex;
            flex-direction: row-reverse;
            justify-content: space-between;
            align-items: flex-start;
        }
        
        .v3-footer-nav-links {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 15px 40px;
            margin-top: 1rem;
        }

        .v3-footer-logo-text { margin-bottom: 0; font-size: 3.5rem; text-align: right; }
        .v3-footer-social-wrap { margin-top: 0; display: flex; flex-direction: column; align-items: flex-start; }
        .v3-footer-social-wrap h5, .v3-footer-social-wrap .footerSocialTitle { font-size: 2rem; margin-bottom: 1rem; text-align: right; }
        .v3-social-icons { justify-content: flex-start; gap: 1.5rem; margin: 1rem 0; }
        .v3-footer-copyright { text-align: right; }
        
        .v3-footer-wave-divider,
        .v3-footer-white-section {
            display: none !important;
        }

        /* Push footer to bottom for short height pages */
        div.body {
            min-height: 100vh;
            display: flex;
            flex-direction: column;
        }
        .v3-clean-footer {
            margin-top: auto;
        }
    }

    /* Legacy Cleanup */
    .profileQuoteClass, .quoteClass, .profileFooterSvg { display: none !important; }
