/* V6.2.0 — HOME FOOTER + LOGIN SEM ROLAGEM */

/* HOME footer only */
.mz-footer-v620{
    width:100%!important;
    margin:18px 0 0!important;
    padding:10px 0 11px!important;
    background:#17171c!important;
    color:#fff!important;
}
.mz-footer-v620 .mz-footer-inner{
    width:min(100% - 24px,960px)!important;
    margin:0 auto!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:3px!important;
    text-align:center!important;
}
.mz-footer-v620 .mz-footer-brand{
    width:100%!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
}
.mz-footer-v620 .mz-footer-brand img{
    display:block!important;
    width:auto!important;
    height:auto!important;
    max-width:150px!important;
    max-height:34px!important;
    object-fit:contain!important;
    margin:0 auto!important;
}
.mz-footer-v620 .mz-footer-brand strong{
    color:#fff!important;
    font-size:12px!important;
    font-weight:950!important;
}
.mz-footer-v620 .mz-footer-meta{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex-wrap:wrap!important;
    gap:2px 6px!important;
    color:#8f8f98!important;
    font-size:7.5px!important;
    line-height:1.25!important;
}
.mz-footer-v620 .mz-footer-meta b{color:#fff!important}
.mz-footer-v620 .mz-sep{opacity:.45!important}

/* Hide footer when installed as PWA */
@media (display-mode: standalone),(display-mode: fullscreen){
    .mz-footer-v620{display:none!important}
}
html.pwa-standalone .mz-footer-v620,
body.pwa-standalone .mz-footer-v620{display:none!important}

/* Login: exact viewport fit, no page scrollbar, card centered */
body.customer-body:has(.raffle-auth-page){
    overflow:hidden!important;
    height:100dvh!important;
    min-height:100dvh!important;
}

body.customer-body:has(.raffle-auth-page) .app-header{
    position:relative!important;
    top:auto!important;
}

body.customer-body:has(.raffle-auth-page) .raffle-auth-page{
    height:calc(100dvh - 68px)!important;
    min-height:calc(100dvh - 68px)!important;
    max-height:calc(100dvh - 68px)!important;
    width:100%!important;
    margin:0!important;
    padding:14px!important;
    display:grid!important;
    place-items:center!important;
    overflow:hidden!important;
}

body.customer-body:has(.raffle-auth-page) .raffle-auth-card{
    width:min(100%,760px)!important;
    max-height:calc(100dvh - 96px)!important;
    margin:auto!important;
    overflow:hidden!important;
    align-self:center!important;
    justify-self:center!important;
}

body.customer-body:has(.raffle-auth-page) .raffle-auth-form{
    overflow:auto!important;
    max-height:calc(100dvh - 96px)!important;
}

@media(max-width:900px){
    body.customer-body:has(.raffle-auth-page) .raffle-auth-page{
        height:calc(100dvh - 62px)!important;
        min-height:calc(100dvh - 62px)!important;
        max-height:calc(100dvh - 62px)!important;
        padding:10px!important;
    }
    body.customer-body:has(.raffle-auth-page) .raffle-auth-card{
        width:min(100%,500px)!important;
        max-height:calc(100dvh - 82px)!important;
    }
    body.customer-body:has(.raffle-auth-page) .raffle-auth-form{
        max-height:calc(100dvh - 82px)!important;
    }
}

@media(max-width:700px){
    .mz-footer-v620{
        margin-top:12px!important;
        padding:8px 0 9px!important;
    }
    .mz-footer-v620 .mz-footer-brand img{
        max-width:145px!important;
        max-height:32px!important;
    }
    .mz-footer-v620 .mz-footer-meta{
        font-size:7.25px!important;
    }

    body.customer-body:has(.raffle-auth-page) .raffle-auth-page{
        padding:8px!important;
    }
    body.customer-body:has(.raffle-auth-page) .raffle-auth-card{
        width:min(100%,460px)!important;
        max-height:calc(100dvh - 78px)!important;
    }
    body.customer-body:has(.raffle-auth-page) .raffle-auth-form{
        max-height:calc(100dvh - 78px)!important;
    }
}