/* MENU DE CATEGORIAS NA LATERAL DIREITA - ÍCONES INTEGRADOS v16 */
.bottom-menu {
    position: fixed !important;
    left: auto !important;
    right: 15px !important;
    bottom: 232px !important;
    transform: none !important;
    width: auto !important;
    height: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    z-index: 1300 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    border-radius: 0 !important;
}
.bottom-menu a {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    min-height: 42px !important;
    max-width: 42px !important;
    max-height: 42px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,.16) !important;
    border: 1px solid rgba(255,255,255,.18) !important;
    color: #fff !important;
    text-decoration: none !important;
    box-shadow: 0 10px 28px rgba(0,0,0,.28) !important;
    backdrop-filter: blur(14px) !important;
    font-size: 0 !important;
    line-height: 1 !important;
    overflow: hidden !important;
}
.bottom-menu a svg {
    width: 20px !important;
    height: 20px !important;
    display: block !important;
    stroke: #fff !important;
    fill: none !important;
    stroke-width: 2.25 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
}
.bottom-menu a span,
.bottom-menu a .nav-label { display: none !important; }
.bottom-menu a.active {
    background: linear-gradient(135deg, #ff3dc8, #7b2cff) !important;
    border-color: rgba(255,255,255,.28) !important;
    box-shadow: 0 12px 30px rgba(189,44,255,.35) !important;
}
/* Like e comentário no mesmo tamanho dos ícones laterais */
.side-actions {
    right: 15px !important;
    bottom: 144px !important;
    gap: 8px !important;
    z-index: 1200 !important;
}
.side-actions button {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    min-height: 42px !important;
    max-width: 42px !important;
    max-height: 42px !important;
    font-size: 22px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 999px !important;
}
.side-actions small {
    font-size: 12px !important;
    line-height: 1 !important;
}
.public-profile-v11 .bottom-menu { bottom: 232px !important; }
.public-profile-v11 .side-actions { bottom: 144px !important; }
.public-profile-v11 .profile-card .side-actions button { width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;font-size:22px!important; }
.post-audio-progress { bottom: 0 !important; z-index: 1400 !important; }
.bottom-menu::before,.bottom-menu::after { display:none!important; content:none!important; }
.inline-player-controls { padding-right: 8px !important; }
@media (max-width: 420px) {
    .bottom-menu { right: 14px !important; bottom: 226px !important; gap: 9px !important; }
    .bottom-menu a { width: 40px !important; height: 40px !important; min-width: 40px !important; min-height: 40px !important; max-width: 40px !important; max-height: 40px !important; }
    .bottom-menu a svg { width: 19px !important; height: 19px !important; }
    .side-actions { right: 14px !important; bottom: 140px !important; }
    .side-actions button { width: 40px !important; height: 40px !important; min-width: 40px !important; min-height: 40px !important; max-width:40px!important; max-height:40px!important; font-size: 21px !important; }
    .public-profile-v11 .profile-card .side-actions button { width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;font-size:21px!important; }
}

/* v18 - reexibir o menu lateral de categorias no feed, mesmo com o topo global */
body.feed-page.force-mobile-feed nav.bottom-menu:not(.home-bottom-menu),
body.feed-page nav.bottom-menu:not(.home-bottom-menu),
body.public-profile-v11 nav.bottom-menu:not(.home-bottom-menu) {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
}
body.feed-page.force-mobile-feed nav.bottom-menu:not(.home-bottom-menu),
body.feed-page nav.bottom-menu:not(.home-bottom-menu) {
    position: fixed !important;
    left: auto !important;
    right: 15px !important;
    bottom: 232px !important;
    transform: none !important;
    flex-direction: column !important;
    width: auto !important;
    height: auto !important;
    z-index: 1300 !important;
}
@media (max-width: 420px) {
    body.feed-page.force-mobile-feed nav.bottom-menu:not(.home-bottom-menu),
    body.feed-page nav.bottom-menu:not(.home-bottom-menu) {
        right: 14px !important;
        bottom: 226px !important;
    }
}

/* v19 - garantir menu lateral também na página pública de perfil */
body.public-profile-v11 nav.bottom-menu:not(.home-bottom-menu) {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: fixed !important;
    left: auto !important;
    right: 15px !important;
    bottom: 232px !important;
    transform: none !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    width: auto !important;
    height: auto !important;
    min-width: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    z-index: 1300 !important;
}
body.public-profile-v11 nav.bottom-menu:not(.home-bottom-menu) a {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    min-height: 42px !important;
    max-width: 42px !important;
    max-height: 42px !important;
    border-radius: 999px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: rgba(255,255,255,.16) !important;
    border: 1px solid rgba(255,255,255,.18) !important;
    font-size: 0 !important;
    color: #fff !important;
    overflow: hidden !important;
}
body.public-profile-v11 .profile-card .side-actions {
    right: 15px !important;
    bottom: 144px !important;
    z-index: 1200 !important;
}
@media (max-width: 420px) {
    body.public-profile-v11 nav.bottom-menu:not(.home-bottom-menu) { right: 14px !important; bottom: 226px !important; }
    body.public-profile-v11 .profile-card .side-actions { right: 14px !important; bottom: 140px !important; }
}

/* v23 - garante que nenhuma regra antiga reposicione a barra interna por cima do player */
.feed-card .post-audio-progress,
.profile-card .post-audio-progress { opacity: 0 !important; left: -9999px !important; width: 1px !important; height: 1px !important; }
.deejai-fixed-audio-progress { bottom: 0 !important; z-index: 2147483000 !important; }

/* v24 - manter barra fixa clicável/arrastável no rodapé */
.deejai-fixed-audio-progress {
    bottom: 0 !important;
    pointer-events: auto !important;
    touch-action: none !important;
    height: 22px !important;
    cursor: pointer !important;
}
.deejai-fixed-audio-track { background: #fff !important; height: 6px !important; }
.deejai-fixed-audio-fill { background: linear-gradient(90deg,#ff2ccf 0%,#b12cff 52%,#7b2cff 100%) !important; }

/* v25 - mantém a barra no rodapé, mas deixa o JS controlar o progresso */
.deejai-fixed-audio-progress { bottom: 0 !important; pointer-events: auto !important; }
.deejai-fixed-audio-track { background: #fff !important; }
.deejai-fixed-audio-fill { background: linear-gradient(90deg,#ff2ccf 0%,#b12cff 52%,#7b2cff 100%) !important; }

/* v28 - sobe 8px o bloco de informações e like/comentário para exibir ouvintes e barra. */
@media (max-width: 768px) {
    body.feed-page.force-mobile-feed .feed-card,
    body.feed-page .feed-card,
    body.public-profile-v11 .profile-card {
        padding-bottom: 76px !important;
    }

    body.feed-page.force-mobile-feed:not(.public-profile-v11) .feed-card:not(.profile-card) .feed-info,
    body.feed-page:not(.public-profile-v11) .feed-card:not(.profile-card) .feed-info,
    body.public-profile-v11 .profile-card .feed-info,
    .public-profile-v11 .profile-card .feed-info {
        transform: none !important;
        padding-right: 82px !important;
    }

    body.feed-page.force-mobile-feed:not(.public-profile-v11) .feed-card:not(.profile-card) .side-actions,
    body.feed-page:not(.public-profile-v11) .feed-card:not(.profile-card) .side-actions,
    body.public-profile-v11 .profile-card .side-actions,
    .public-profile-v11 .profile-card .side-actions {
        right: 14px !important;
        bottom: 72px !important;
        gap: 8px !important;
        z-index: 1320 !important;
    }
}

@media (max-width: 420px) {
    body.feed-page.force-mobile-feed .feed-card,
    body.feed-page .feed-card,
    body.public-profile-v11 .profile-card {
        padding-bottom: 72px !important;
    }

    body.feed-page.force-mobile-feed:not(.public-profile-v11) .feed-card:not(.profile-card) .feed-info,
    body.feed-page:not(.public-profile-v11) .feed-card:not(.profile-card) .feed-info,
    body.public-profile-v11 .profile-card .feed-info,
    .public-profile-v11 .profile-card .feed-info {
        transform: none !important;
        padding-right: 78px !important;
    }

    body.feed-page.force-mobile-feed:not(.public-profile-v11) .feed-card:not(.profile-card) .side-actions,
    body.feed-page:not(.public-profile-v11) .feed-card:not(.profile-card) .side-actions,
    body.public-profile-v11 .profile-card .side-actions,
    .public-profile-v11 .profile-card .side-actions {
        right: 14px !important;
        bottom: 70px !important;
    }
}

@media (max-height: 740px) and (max-width: 768px) {
    body.feed-page.force-mobile-feed .feed-card,
    body.feed-page .feed-card,
    body.public-profile-v11 .profile-card {
        padding-bottom: 66px !important;
    }

    body.feed-page.force-mobile-feed:not(.public-profile-v11) .feed-card:not(.profile-card) .feed-info,
    body.feed-page:not(.public-profile-v11) .feed-card:not(.profile-card) .feed-info,
    body.public-profile-v11 .profile-card .feed-info,
    .public-profile-v11 .profile-card .feed-info {
        transform: none !important;
    }

    body.feed-page.force-mobile-feed:not(.public-profile-v11) .feed-card:not(.profile-card) .side-actions,
    body.feed-page:not(.public-profile-v11) .feed-card:not(.profile-card) .side-actions,
    body.public-profile-v11 .profile-card .side-actions,
    .public-profile-v11 .profile-card .side-actions {
        bottom: 64px !important;
    }
}


/* v29 - sobe mais 10px o bloco de informações e like/comentário. */
@media (max-width: 768px) {
    body.feed-page.force-mobile-feed .feed-card,
    body.feed-page .feed-card,
    body.public-profile-v11 .profile-card {
        padding-bottom: 86px !important;
    }

    body.feed-page.force-mobile-feed:not(.public-profile-v11) .feed-card:not(.profile-card) .side-actions,
    body.feed-page:not(.public-profile-v11) .feed-card:not(.profile-card) .side-actions,
    body.public-profile-v11 .profile-card .side-actions,
    .public-profile-v11 .profile-card .side-actions {
        bottom: 82px !important;
    }
}

@media (max-width: 420px) {
    body.feed-page.force-mobile-feed .feed-card,
    body.feed-page .feed-card,
    body.public-profile-v11 .profile-card {
        padding-bottom: 82px !important;
    }

    body.feed-page.force-mobile-feed:not(.public-profile-v11) .feed-card:not(.profile-card) .side-actions,
    body.feed-page:not(.public-profile-v11) .feed-card:not(.profile-card) .side-actions,
    body.public-profile-v11 .profile-card .side-actions,
    .public-profile-v11 .profile-card .side-actions {
        bottom: 80px !important;
    }
}

@media (max-height: 740px) and (max-width: 768px) {
    body.feed-page.force-mobile-feed .feed-card,
    body.feed-page .feed-card,
    body.public-profile-v11 .profile-card {
        padding-bottom: 76px !important;
    }

    body.feed-page.force-mobile-feed:not(.public-profile-v11) .feed-card:not(.profile-card) .side-actions,
    body.feed-page:not(.public-profile-v11) .feed-card:not(.profile-card) .side-actions,
    body.public-profile-v11 .profile-card .side-actions,
    .public-profile-v11 .profile-card .side-actions {
        bottom: 74px !important;
    }
}

/* v30 - sobe mais 12px o bloco de informações e like/comentário. */
@media (max-width: 768px) {
    body.feed-page.force-mobile-feed .feed-card,
    body.feed-page .feed-card,
    body.public-profile-v11 .profile-card {
        padding-bottom: 98px !important;
    }

    body.feed-page.force-mobile-feed:not(.public-profile-v11) .feed-card:not(.profile-card) .side-actions,
    body.feed-page:not(.public-profile-v11) .feed-card:not(.profile-card) .side-actions,
    body.public-profile-v11 .profile-card .side-actions,
    .public-profile-v11 .profile-card .side-actions {
        bottom: 94px !important;
    }
}

@media (max-width: 420px) {
    body.feed-page.force-mobile-feed .feed-card,
    body.feed-page .feed-card,
    body.public-profile-v11 .profile-card {
        padding-bottom: 94px !important;
    }

    body.feed-page.force-mobile-feed:not(.public-profile-v11) .feed-card:not(.profile-card) .side-actions,
    body.feed-page:not(.public-profile-v11) .feed-card:not(.profile-card) .side-actions,
    body.public-profile-v11 .profile-card .side-actions,
    .public-profile-v11 .profile-card .side-actions {
        bottom: 92px !important;
    }
}

@media (max-height: 740px) and (max-width: 768px) {
    body.feed-page.force-mobile-feed .feed-card,
    body.feed-page .feed-card,
    body.public-profile-v11 .profile-card {
        padding-bottom: 88px !important;
    }

    body.feed-page.force-mobile-feed:not(.public-profile-v11) .feed-card:not(.profile-card) .side-actions,
    body.feed-page:not(.public-profile-v11) .feed-card:not(.profile-card) .side-actions,
    body.public-profile-v11 .profile-card .side-actions,
    .public-profile-v11 .profile-card .side-actions {
        bottom: 86px !important;
    }
}

/* v31 - sobe mais 20px o bloco de informações e like/comentário. */
@media (max-width: 768px) {
    body.feed-page.force-mobile-feed .feed-card,
    body.feed-page .feed-card,
    body.public-profile-v11 .profile-card {
        padding-bottom: 118px !important;
    }

    body.feed-page.force-mobile-feed:not(.public-profile-v11) .feed-card:not(.profile-card) .side-actions,
    body.feed-page:not(.public-profile-v11) .feed-card:not(.profile-card) .side-actions,
    body.public-profile-v11 .profile-card .side-actions,
    .public-profile-v11 .profile-card .side-actions {
        bottom: 114px !important;
    }
}

@media (max-width: 420px) {
    body.feed-page.force-mobile-feed .feed-card,
    body.feed-page .feed-card,
    body.public-profile-v11 .profile-card {
        padding-bottom: 114px !important;
    }

    body.feed-page.force-mobile-feed:not(.public-profile-v11) .feed-card:not(.profile-card) .side-actions,
    body.feed-page:not(.public-profile-v11) .feed-card:not(.profile-card) .side-actions,
    body.public-profile-v11 .profile-card .side-actions,
    .public-profile-v11 .profile-card .side-actions {
        bottom: 112px !important;
    }
}

@media (max-height: 740px) and (max-width: 768px) {
    body.feed-page.force-mobile-feed .feed-card,
    body.feed-page .feed-card,
    body.public-profile-v11 .profile-card {
        padding-bottom: 108px !important;
    }

    body.feed-page.force-mobile-feed:not(.public-profile-v11) .feed-card:not(.profile-card) .side-actions,
    body.feed-page:not(.public-profile-v11) .feed-card:not(.profile-card) .side-actions,
    body.public-profile-v11 .profile-card .side-actions,
    .public-profile-v11 .profile-card .side-actions {
        bottom: 106px !important;
    }
}


/* v35 - manter ícones laterais visíveis e em preto quando o painel de comentários estiver aberto */
body.comments-open nav.bottom-menu:not(.home-bottom-menu),
body.comments-open .side-actions {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
}

body.comments-open nav.bottom-menu:not(.home-bottom-menu) {
    z-index: 1305 !important;
}

body.comments-open .side-actions {
    z-index: 1305 !important;
}

body.comments-open nav.bottom-menu:not(.home-bottom-menu) a,
body.comments-open .side-actions button {
    background: #fff !important;
    background-image: none !important;
    border: 1.5px solid #111 !important;
    color: #111 !important;
    box-shadow: 0 10px 24px rgba(0,0,0,.14) !important;
    backdrop-filter: none !important;
}

body.comments-open nav.bottom-menu:not(.home-bottom-menu) a svg,
body.comments-open .side-actions button svg {
    stroke: #111 !important;
    fill: none !important;
}

body.comments-open nav.bottom-menu:not(.home-bottom-menu) a.active,
body.comments-open .side-actions .fav-btn.liked {
    background: #fff !important;
    border-color: #111 !important;
    color: #111 !important;
    box-shadow: 0 10px 24px rgba(0,0,0,.14) !important;
}

body.comments-open .side-actions small {
    color: #111 !important;
    text-shadow: none !important;
    font-weight: 900 !important;
}


/* v59 - forçar AO VIVO da rádio a 4px abaixo de Estação de Rádio */
body.feed-page.force-mobile-feed:not(.public-profile-v11) .feed-card.radio-card-feed:not(.profile-card) .creator-role-row .feed-live-badge,
body.feed-page.force-mobile-feed:not(.public-profile-v11) .feed-card.radio-card-feed:not(.profile-card) .radio-role-row .feed-live-badge,
body.feed-page.force-mobile-feed:not(.public-profile-v11) .feed-card.radio-card-feed:not(.profile-card) .creator-live-badge,
body.feed-page:not(.public-profile-v11) .feed-card.radio-card-feed:not(.profile-card) .creator-role-row .feed-live-badge,
body.feed-page:not(.public-profile-v11) .feed-card.radio-card-feed:not(.profile-card) .radio-role-row .feed-live-badge,
body.feed-page:not(.public-profile-v11) .feed-card.radio-card-feed:not(.profile-card) .creator-live-badge {
    margin-top: 4px !important;
    margin-left: 0 !important;
}