/* css/mdv-style.css */

/* --- Estilos base para as colunas do índice --- */
.super-indice-vip-columns {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
}

.super-indice-vip-column {
    flex: 1;
    min-width: 300px;
}

/* Remove margem padrão de títulos dentro do nosso índice para melhor controle */
.super-indice-vip-category-group h4 {
    margin: 0 0 8px 0;
    font-size: 1.1em;
    font-weight: bold;
}

/* Estilo para links dentro da lista, para garantir consistência */
.super-indice-vip-category-group ul li a {
    text-decoration: underline;
    font-weight: normal;
}

/* --- AJUSTE DEFINITIVO PARA MARCADORES (DESKTOP E MOBILE) --- */
/* Esta regra se aplica a TODAS as telas e resolve o problema para os dois shortcodes. */

/* Seleciona a lista de posts na visão detalhada ([super_indice_vip]) */
.super-indice-vip-container .super-indice-vip-category-group ul > li::marker,
/* Seleciona a lista de subcategorias na visão simples ([indice_vip]) */
.super-indice-vip-container .submenu-list > li::marker {
    content: '— '; /* Substitui o marcador por um traço */
}


/* --- A MÁGICA DA RESPONSIVIDADE (APENAS LAYOUT) --- */
@media (max-width: 768px) {
    
    /* --- APROVEITAMENTO DA TELA (MOBILE) - VERSÃO PREFERIDA --- */
    /* Voltando para a versão com 98vw que você preferiu. */
    .super-indice-vip-container {
        width: 98vw;
        position: relative;
        left: 50%;
        margin-left: -49vw;
    }

    .super-indice-vip-columns {
        flex-direction: column;
        gap: 25px;
    }

    /* --- SOLUÇÃO DE ALINHAMENTO (JÁ CORRIGIDA) --- */
    .super-indice-vip-column > ul.main-list {
        padding-left: 0;
        margin-left: 0;
    }
    .super-indice-vip-column > ul.main-list > li.super-indice-vip-category-item {
        list-style: none; 
    }

    .super-indice-vip-category-group ul {
        padding-left: 20px;
        margin: 0;
    }
}