/* V6.3.0 — REMOVE CTA FLUTUANTE + LOGIN/CADASTRO COM MESMO COMPORTAMENTO */

/* Garantia extra: o CTA flutuante não aparece em nenhuma condição */
.v6-mobile-sticky-buy,
#mobileStickyBuy{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
}

/* LOGIN + CADASTRO:
   topo visível + card centralizado + rodapé visível
   dentro de uma única viewport, tanto navegador quanto PWA. */
html:has(body.page-auth-v630){
    height:100%!important;
    min-height:100%!important;
    overflow:hidden!important;
}

body.page-auth-v630{
    width:100%!important;
    height:100dvh!important;
    min-height:100dvh!important;
    max-height:100dvh!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;

    display:grid!important;
    grid-template-rows:auto minmax(0,1fr) auto!important;

    background:#f5f5f8!important;
}

/* Topo */
body.page-auth-v630 > .app-header{
    grid-row:1!important;
    position:relative!important;
    top:auto!important;
    margin:0!important;
    flex:none!important;
}

/* Área central */
body.page-auth-v630 > .raffle-auth-page{
    grid-row:2!important;

    width:100%!important;
    min-width:0!important;
    min-height:0!important;
    height:auto!important;
    max-height:none!important;

    margin:0!important;
    padding:8px 10px!important;

    display:grid!important;
    place-items:center!important;
    align-content:center!important;

    overflow:hidden!important;
}

/* Card centralizado */
body.page-auth-v630 .raffle-auth-card{
    width:min(100%,500px)!important;
    max-width:500px!important;
    max-height:100%!important;

    margin:auto!important;
    align-self:center!important;
    justify-self:center!important;

    overflow:hidden!important;
}

/* Em telas muito baixas, só o conteúdo interno pode rolar */
body.page-auth-v630 .raffle-auth-form{
    max-height:100%!important;
    overflow:auto!important;
    scrollbar-width:none!important;
}
body.page-auth-v630 .raffle-auth-form::-webkit-scrollbar{
    display:none!important;
    width:0!important;
    height:0!important;
}

/* Rodapé sempre visível imediatamente */
body.page-auth-v630 > .mz-footer-v621{
    grid-row:3!important;

    display:block!important;
    visibility:visible!important;
    opacity:1!important;

    width:100%!important;
    margin:0!important;
    padding:5px 0 6px!important;

    flex:none!important;
}

/* Rodapé ainda mais compacto nas telas de autenticação */
body.page-auth-v630 > .mz-footer-v621 .mz-footer-brand img{
    max-width:112px!important;
    max-height:24px!important;
}
body.page-auth-v630 > .mz-footer-v621 .mz-footer-meta{
    font-size:6.8px!important;
    line-height:1.1!important;
    gap:1px 4px!important;
}

/* Login/cadastro deslogado não usa menu inferior */
body.page-auth-v630 > .bottom-nav{
    display:none!important;
}

/* Cadastro tem mais campos: compacta ligeiramente o formulário
   para manter topo + card + rodapé na mesma tela. */
body.page-register-v630 .raffle-auth-form{
    padding-top:18px!important;
    padding-bottom:18px!important;
}
body.page-register-v630 .raffle-auth-title{
    margin-bottom:10px!important;
}
body.page-register-v630 .raffle-auth-form label{
    margin-top:6px!important;
    margin-bottom:3px!important;
}
body.page-register-v630 .raffle-auth-form input{
    min-height:40px!important;
    height:40px!important;
    padding-top:9px!important;
    padding-bottom:9px!important;
    margin-top:3px!important;
    margin-bottom:7px!important;
}
body.page-register-v630 .raffle-primary-btn{
    min-height:42px!important;
    margin-top:3px!important;
}
body.page-register-v630 .raffle-auth-switch{
    margin-top:9px!important;
    margin-bottom:0!important;
}

/* PWA instalado: exatamente o mesmo comportamento */
@media(display-mode:standalone),(display-mode:fullscreen){
    body.page-auth-v630{
        height:100dvh!important;
        min-height:100dvh!important;
        max-height:100dvh!important;
        overflow:hidden!important;

        display:grid!important;
        grid-template-rows:auto minmax(0,1fr) auto!important;
    }

    body.page-auth-v630 > .mz-footer-v621{
        display:block!important;
        visibility:visible!important;
        opacity:1!important;
    }
}

/* iOS standalone fallback */
html.pwa-standalone body.page-auth-v630,
body.page-auth-v630.pwa-standalone{
    height:100dvh!important;
    min-height:100dvh!important;
    max-height:100dvh!important;
    overflow:hidden!important;

    display:grid!important;
    grid-template-rows:auto minmax(0,1fr) auto!important;
}

html.pwa-standalone body.page-auth-v630 > .mz-footer-v621,
body.page-auth-v630.pwa-standalone > .mz-footer-v621{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
}

@media(max-width:700px){
    body.page-auth-v630 > .raffle-auth-page{
        padding:6px 8px!important;
    }

    body.page-auth-v630 .raffle-auth-card{
        width:min(100%,460px)!important;
        max-width:460px!important;
    }

    body.page-register-v630 .raffle-auth-form{
        padding-top:14px!important;
        padding-bottom:14px!important;
    }

    body.page-register-v630 .raffle-auth-form input{
        min-height:38px!important;
        height:38px!important;
        margin-bottom:6px!important;
    }
}