/* SMARTESST MOBILE LAYOUT FIX V13
   Corrige apenas a home/login no mobile.
   Não altera menu lateral interno após login. */

@media (max-width: 900px) {
    html.sst-mobile-layout-fix-v13,
    body.sst-mobile-layout-fix-v13 {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        overflow-x: hidden !important;
    }

    body.sst-mobile-layout-fix-v13 {
        margin: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        background-color: #11342d !important;
        background-image:
            linear-gradient(90deg, rgba(2,10,8,.28), rgba(2,15,13,.12), rgba(2,10,16,.05)),
            url("../img/smartesst-home-bg-mobile-corrigida-v11.jpg") !important;
        background-size: cover !important;
        background-position: center center !important;
        background-repeat: no-repeat !important;
        background-attachment: scroll !important;
    }

    body.sst-mobile-layout-fix-v13::before,
    body.sst-mobile-layout-fix-v13::after {
        display: none !important;
    }

    body.sst-mobile-layout-fix-v13 * {
        box-sizing: border-box !important;
    }

    /* Topo mobile preservado */
    body.sst-mobile-layout-fix-v13 header,
    body.sst-mobile-layout-fix-v13 .topbar,
    body.sst-mobile-layout-fix-v13 .navbar,
    body.sst-mobile-layout-fix-v13 .home-header,
    body.sst-mobile-layout-fix-v13 .landing-header {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        left: 0 !important;
        right: 0 !important;
        transform: none !important;
        overflow: hidden !important;
        background: rgba(231,241,247,.94) !important;
    }

    /* Menu superior pode rolar sem gerar faixa branca lateral */
    body.sst-mobile-layout-fix-v13 header nav,
    body.sst-mobile-layout-fix-v13 .topbar nav,
    body.sst-mobile-layout-fix-v13 .navbar nav,
    body.sst-mobile-layout-fix-v13 .home-header nav,
    body.sst-mobile-layout-fix-v13 .landing-header nav,
    body.sst-mobile-layout-fix-v13 header .nav,
    body.sst-mobile-layout-fix-v13 .topbar .nav,
    body.sst-mobile-layout-fix-v13 .navbar .nav {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        white-space: nowrap !important;
        justify-content: flex-start !important;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }

    body.sst-mobile-layout-fix-v13 header nav::-webkit-scrollbar,
    body.sst-mobile-layout-fix-v13 .topbar nav::-webkit-scrollbar,
    body.sst-mobile-layout-fix-v13 .navbar nav::-webkit-scrollbar {
        display: none !important;
    }

    body.sst-mobile-layout-fix-v13 header nav a,
    body.sst-mobile-layout-fix-v13 .topbar nav a,
    body.sst-mobile-layout-fix-v13 .navbar nav a {
        flex: 0 0 auto !important;
        color: #263548 !important;
        font-weight: 900 !important;
        text-shadow: none !important;
    }

    /* Estrutura da home cabendo em 100% da tela */
    body.sst-mobile-layout-fix-v13 main,
    body.sst-mobile-layout-fix-v13 section,
    body.sst-mobile-layout-fix-v13 article,
    body.sst-mobile-layout-fix-v13 .auth-page,
    body.sst-mobile-layout-fix-v13 .login-page,
    body.sst-mobile-layout-fix-v13 .landing-page,
    body.sst-mobile-layout-fix-v13 .public-page,
    body.sst-mobile-layout-fix-v13 .home-page,
    body.sst-mobile-layout-fix-v13 .page-login,
    body.sst-mobile-layout-fix-v13 .login-wrapper,
    body.sst-mobile-layout-fix-v13 .auth-wrapper,
    body.sst-mobile-layout-fix-v13 .landing-wrapper,
    body.sst-mobile-layout-fix-v13 .hero,
    body.sst-mobile-layout-fix-v13 .hero-section,
    body.sst-mobile-layout-fix-v13 .landing-hero,
    body.sst-mobile-layout-fix-v13 .login-hero,
    body.sst-mobile-layout-fix-v13 .sst-hero-principal-v10,
    body.sst-mobile-layout-fix-v13 .sst-hero-principal-v11,
    body.sst-mobile-layout-fix-v13 .sst-mobile-hero-row-v13 {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        left: auto !important;
        right: auto !important;
        transform: none !important;
        overflow-x: hidden !important;
        background-color: transparent !important;
        background-image: none !important;
        border-left: 0 !important;
        border-right: 0 !important;
        box-shadow: none !important;
    }

    body.sst-mobile-layout-fix-v13 .sst-mobile-hero-row-v13,
    body.sst-mobile-layout-fix-v13 .hero,
    body.sst-mobile-layout-fix-v13 .hero-section,
    body.sst-mobile-layout-fix-v13 .landing-hero,
    body.sst-mobile-layout-fix-v13 .login-hero {
        display: block !important;
        grid-template-columns: 1fr !important;
        padding-left: 18px !important;
        padding-right: 18px !important;
    }

    body.sst-mobile-layout-fix-v13 .sst-mobile-hero-text-v13 {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    /* Essa é a correção principal: some com a coluna/visual da direita */
    body.sst-mobile-layout-fix-v13 .sst-mobile-hero-visual-hide-v13,
    body.sst-mobile-layout-fix-v13 .sst-mobile-hide-pgr-card-v13,
    body.sst-mobile-layout-fix-v13 [class*="mockup"],
    body.sst-mobile-layout-fix-v13 [class*="preview-card"],
    body.sst-mobile-layout-fix-v13 [class*="dashboard-card"],
    body.sst-mobile-layout-fix-v13 [class*="browser-card"],
    body.sst-mobile-layout-fix-v13 [class*="hero-visual"],
    body.sst-mobile-layout-fix-v13 [class*="visual-col"],
    body.sst-mobile-layout-fix-v13 [class*="illustration"] {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        width: 0 !important;
        max-width: 0 !important;
        min-width: 0 !important;
        height: 0 !important;
        max-height: 0 !important;
        overflow: hidden !important;
        pointer-events: none !important;
        position: absolute !important;
        left: -99999px !important;
    }

    body.sst-mobile-layout-fix-v13 h1 {
        max-width: 100% !important;
        font-size: clamp(32px, 9.5vw, 46px) !important;
        line-height: 1.02 !important;
        overflow-wrap: break-word !important;
        word-break: normal !important;
    }

    body.sst-mobile-layout-fix-v13 h2,
    body.sst-mobile-layout-fix-v13 h3,
    body.sst-mobile-layout-fix-v13 p {
        max-width: 100% !important;
        overflow-wrap: break-word !important;
        word-break: normal !important;
    }

    body.sst-mobile-layout-fix-v13 img,
    body.sst-mobile-layout-fix-v13 svg,
    body.sst-mobile-layout-fix-v13 canvas,
    body.sst-mobile-layout-fix-v13 video {
        max-width: 100% !important;
    }

    body.sst-mobile-layout-fix-v13 .btn,
    body.sst-mobile-layout-fix-v13 button,
    body.sst-mobile-layout-fix-v13 a[class*="btn"] {
        max-width: 100% !important;
        white-space: normal !important;
    }

    body.sst-mobile-layout-fix-v13 .sst-mobile-clamp-v13 {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        left: auto !important;
        right: auto !important;
        transform: none !important;
        overflow-x: hidden !important;
    }
}