/* ===== Mega Menu Fix (corrigido por nível) ===== */
.dropdown {
    position: relative;
}

/* Todos começam fechados */
.dropdown-content {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 6px;
    min-width: 240px;
    z-index: 9999;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

/* Links do menu */
.dropdown-content a {
    display: block;
    padding: 10px 14px;
    color: #333;
    white-space: nowrap;
}
.dropdown-content a:hover {
    background: #f5f5f5;
}

/* Abre APENAS o primeiro nível */
.dropdown:hover > .dropdown-content,
.dropdown:focus-within > .dropdown-content {
    display: block;
}

/* ===== Submenu (categorias-filhas) ===== */
.dropdown-submenu {
    position: relative;
}

/* Fecha por padrão e só abre o filho do item ativo */
.dropdown-submenu > .dropdown-content {
    top: 0;
    left: 100%;
    margin-left: 1px;
    display: none;
}
.dropdown-submenu:hover > .dropdown-content,
.dropdown-submenu:focus-within > .dropdown-content {
    display: block;
}

/* Seta indicativa */
.dropdown-submenu > a::after {
    content: "›";
    float: right;
    margin-left: 5px;
    font-weight: bold;
}

/* ===== Largura e múltiplas colunas ===== */
.dropdown-content {
    width: 280px;
}
@media (min-width: 1200px) {
    .dropdown-content { width: 560px; }
    .dropdown-submenu > .dropdown-content { left: 280px; }
}

/* Ponte para evitar fechar ao mover o mouse */
.dropdown > .dropdown-content::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: -10px;
    height: 10px;
}
.dropdown-submenu > .dropdown-content::before {
    content: "";
    position: absolute;
    left: -10px;
    top: 0;
    bottom: 0;
    width: 10px;
}