/* MangaSocial - fundos específicos por página */

html body[data-ms-background] {
    min-height: 100vh !important;
    background-color: #0b0717 !important;

    background-position:
        center top !important;

    background-size:
        cover !important;

    background-repeat:
        no-repeat !important;

    background-attachment:
        fixed !important;
}


/* RANKING */

html body[data-ms-background="ranking-fundo.png"] {
    background-image:
        linear-gradient(
            rgba(8,5,18,.72),
            rgba(11,7,24,.88)
        ),
        url('/images/backgrounds/ranking-fundo.png')
        !important;
}


/* NOTIFICAÇÕES */

html body[data-ms-background="notificacoes-fundo.png"] {
    background-image:
        linear-gradient(
            rgba(8,5,18,.74),
            rgba(11,7,24,.90)
        ),
        url('/images/backgrounds/notificacoes-fundo.png')
        !important;
}


/* AMIGOS */

html body[data-ms-background="amigos-fundo.png"] {
    background-image:
        linear-gradient(
            rgba(8,5,18,.70),
            rgba(11,7,24,.88)
        ),
        url('/images/backgrounds/amigos-fundo.png')
        !important;
}


/* PERFIL */

html body[data-ms-background="quarto-roxo.png"] {
    background-image:
        linear-gradient(
            rgba(8,5,18,.70),
            rgba(11,7,24,.90)
        ),
        url('/images/backgrounds/quarto-roxo.png')
        !important;
}


/* PRIVACIDADE */

html body[data-ms-background="privacidade-fundo.png"] {
    background-image:
        linear-gradient(
            rgba(7,5,17,.72),
            rgba(10,7,23,.91)
        ),
        url('/images/backgrounds/privacidade-fundo.png')
        !important;
}


/* MISSÕES */

html body[data-ms-background="missoes-fundo.png"] {
    background-image:
        linear-gradient(
            rgba(8,5,18,.68),
            rgba(11,7,24,.87)
        ),
        url('/images/backgrounds/missoes-fundo.png')
        !important;
}


/* ADMIN */

html body[data-ms-background="admin-fundo.png"] {
    background-image:
        linear-gradient(
            rgba(7,5,17,.75),
            rgba(10,7,23,.92)
        ),
        url('/images/backgrounds/admin-fundo.png')
        !important;
}


/* AUTOR */

html body[data-ms-background="autor-fundo.png"] {
    background-image:
        linear-gradient(
            rgba(8,5,18,.70),
            rgba(11,7,24,.88)
        ),
        url('/images/backgrounds/autor-fundo.png')
        !important;
}


/* REVIEWS */

html body[data-ms-background="reviews-fundo.png"] {
    background-image:
        linear-gradient(
            rgba(8,5,18,.70),
            rgba(11,7,24,.88)
        ),
        url('/images/backgrounds/reviews-fundo.png')
        !important;
}


/* efeito vidro */

body[data-ms-background]
:is(
    .social-panel,
    .profile-card,
    .game-card,
    .admin-panel,
    .panel,
    .card
) {
    background:
        rgba(18,14,31,.82)
        !important;

    backdrop-filter:
        blur(10px);

    -webkit-backdrop-filter:
        blur(10px);

    border-color:
        rgba(196,181,253,.14)
        !important;
}


/* celular */

@media (max-width: 768px) {

    html body[data-ms-background] {
        background-attachment:
            scroll !important;

        background-size:
            auto 100vh !important;

        background-position:
            center top !important;
    }

}


/* explorar-fundo.png */
html body[data-ms-background="explorar-fundo.png"] {
    background-image:
        linear-gradient(
            rgba(8, 5, 18, 0.72),
            rgba(11, 7, 24, 0.90)
        ),
        url('/images/backgrounds/explorar-fundo.png') !important;

    background-position: center top !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-attachment: fixed !important;
    background-color: #0b0717 !important;
}

@media (max-width: 768px) {
    html body[data-ms-background="explorar-fundo.png"] {
        background-attachment: scroll !important;
        background-size: cover !important;
        background-position: center top !important;
    }
}


/* manga-fundo.png */
html body[data-ms-background="manga-fundo.png"] {
    background-image:
        linear-gradient(
            rgba(8, 5, 18, 0.72),
            rgba(11, 7, 24, 0.90)
        ),
        url('/images/backgrounds/manga-fundo.png') !important;

    background-position: center top !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-attachment: fixed !important;
    background-color: #0b0717 !important;
}

@media (max-width: 768px) {
    html body[data-ms-background="manga-fundo.png"] {
        background-attachment: scroll !important;
        background-size: cover !important;
        background-position: center top !important;
    }
}
/* =========================================
   USUÁRIO / PERFIL PÚBLICO
========================================= */

html body[data-ms-background="usuario-fundo.png"] {

    background-image:

        linear-gradient(
            rgba(8, 5, 18, .70),
            rgba(11, 7, 24, .90)
        ),

        url('/images/backgrounds/usuario-fundo.png')

        !important;

}
/* =========================================
   USUARIO.HTML - AJUSTE VISUAL
========================================= */

html body[data-ms-background="usuario-fundo.png"] {
    background-image:
        linear-gradient(
            180deg,
            rgba(8, 5, 18, .48),
            rgba(11, 7, 24, .76)
        ),
        url('/images/backgrounds/usuario-fundo.png')
        !important;
}

/* remove barras antigas que sobraram no perfil público */

body[data-ms-background="usuario-fundo.png"]
:is(
    .social-bridge-nav,
    .social-subnav,
    .breadcrumb,
    .breadcrumbs,
    .page-breadcrumb,
    .site-breadcrumb
) {
    display: none !important;
}

/* garante espaço correto para o conteúdo */

body[data-ms-background="usuario-fundo.png"]
main {
    position: relative;
    z-index: 1;
}

/* painéis um pouco mais transparentes */

body[data-ms-background="usuario-fundo.png"]
:is(
    .social-panel,
    .profile-card,
    .panel,
    .card
) {
    background:
        rgba(18, 14, 31, .76)
        !important;

    backdrop-filter:
        blur(10px);

    -webkit-backdrop-filter:
        blur(10px);
}