/* ============================================================
   GHOSTBASE V22.1 — MENU COMUNIDADE CORRIGIDO
   ============================================================ */

.community-nav{
    position:relative;
}

.community-nav .community-drop{
    width:min(900px,calc(100vw - 28px))!important;
    max-height:min(74vh,720px);
    overflow:auto;
    right:0!important;
    left:auto!important;
    padding:12px!important;

    /* FECHADO POR PADRÃO */
    display:none!important;

    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:10px;
    border:1px solid #2a3942!important;
    border-radius:15px!important;
    background:#10171b!important;
    box-shadow:0 24px 60px rgba(0,0,0,.46)!important;
    z-index:1000;
}

/* Desktop: abre no hover */
@media(min-width:1051px){
    .community-nav:hover .community-drop,
    .community-nav:focus-within .community-drop,
    .community-nav.is-open .community-drop{
        display:grid!important;
    }
}

.community-drop-section{
    display:flex;
    flex-direction:column;
    gap:3px;
    min-width:0;
}

.community-drop-title{
    padding:7px 10px;
    color:#ff6b00;
    font-size:9px;
    font-weight:900;
    letter-spacing:.12em;
    text-transform:uppercase;
}

.community-nav .community-drop a{
    display:grid!important;
    grid-template-columns:28px minmax(0,1fr);
    gap:9px;
    align-items:center;
    padding:10px!important;
    border:1px solid transparent;
    border-radius:10px!important;
    color:#dce5e9!important;
    text-decoration:none!important;
    background:transparent!important;
}

.community-nav .community-drop a:hover{
    border-color:#34454e;
    background:#151f24!important;
}

.community-nav .community-drop a>span{
    font-size:18px;
    line-height:1;
}

.community-nav .community-drop a strong{
    display:block;
    color:#fff;
    font-size:12px;
    line-height:1.2;
}

.community-nav .community-drop a small{
    display:block;
    margin-top:2px;
    color:#8799a3;
    font-size:9px;
    line-height:1.25;
    white-space:normal;
}

/* Tablets */
@media(max-width:1050px){
    .community-nav .community-drop{
        position:static!important;
        width:100%!important;
        max-height:none;
        grid-template-columns:1fr;
        box-shadow:none!important;
        margin-top:6px;
        border-radius:10px!important;
    }

    /* Mobile/tablet: só abre quando JS marca is-open */
    .community-nav.is-open .community-drop{
        display:grid!important;
    }
}

/* Mais compacto em celular */
@media(max-width:560px){
    .community-nav .community-drop{
        padding:8px!important;
    }

    .community-nav .community-drop a{
        min-height:48px;
    }
}