/* Menu em tablet/telemóvel (até 1167px): o UberMenu do cabeçalho esconde-se e o mesmo
   UberMenu aparece dentro do popup (.mobile-nav, aberto pelo botão ☰ — js/menu-mobile.js).
   Antes estava no snippet WPCode 777 "CSS e JavaScript menu". */

.ubermenu-nav {
    display: block;
}

.mobile-nav {
    display: none;
}

@media (max-width: 1167px) {
    .ubermenu-nav {
        display: none !important;
    }

    .mobile-nav {
        display: block;
    }

    .mobile-nav .ubermenu-nav {
        display: block !important;
    }

    /* UberMenu no popup: sem fundo, a toda a largura */
    .mobile-nav .ubermenu,
    .mobile-nav .ubermenu-nav {
        background: transparent !important;
        box-shadow: none !important;
        border: none !important;
        width: 100% !important;
    }

    /* Itens em coluna, com divisor suave */
    .mobile-nav .ubermenu-item,
    .mobile-nav .ubermenu-item-level-0 {
        width: 100% !important;
        display: block !important;
        float: none !important;
        clear: both !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
    }

    .mobile-nav .ubermenu-target {
        color: #fff !important;
        background: transparent !important;
        text-align: left !important;
        padding: 15px !important;
        font-size: 16px !important;
    }

    .mobile-nav .ubermenu-sub-indicator {
        color: #fff !important;
        transform: rotate(0deg);
    }

    /* Submenus no fluxo normal, sem posicionamento absoluto (evita scroll horizontal) */
    .mobile-nav .ubermenu-submenu,
    .mobile-nav .ubermenu-row,
    .mobile-nav .ubermenu-column,
    .mobile-nav .ubermenu-item {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        position: static !important;
        display: block !important;
        margin: 0 !important;
        transform: none !important;
        box-sizing: border-box !important;
    }

    /* O texto quebra linha em vez de forçar a largura */
    .mobile-nav .ubermenu-target-title,
    .mobile-nav .ubermenu-target-text {
        white-space: normal !important;
        word-wrap: break-word !important;
    }
}