/* ============================================================ Desktop — container e dropdown ============================================================ */ .mmwp-has-mega-menu { position: relative !important; } /* Seta ▼ no item pai */ .mmwp-has-mega-menu > a::after { content: ' \25BC' !important; font-size: 0.6em !important; margin-left: 6px !important; display: inline !important; vertical-align: middle !important; position: relative !important; top: -10px !important; opacity: 1 !important; visibility: visible !important; } /* Dropdown desktop — posicionado via JS no , fora do SmartMenus */ .mmwp-mega-menu-dropdown { position: absolute !important; top: 0 !important; left: 0 !important; opacity: 0 !important; visibility: hidden !important; transition: opacity 0.2s ease !important; z-index: 999999 !important; pointer-events: none !important; max-width: 95vw !important; } /* Esconde submenu nativo do WP/SmartMenus */ .mmwp-has-mega-menu > .sub-menu, .mmwp-has-mega-menu > ul { display: none !important; } /* Hover controlado via JS — ver frontend.js mmwpShowDropdown() */ /* Conteúdo do dropdown */ .mmwp-mega-menu-content { margin: 0 auto !important; position: relative !important; background: #fff !important; box-shadow: 0 4px 12px rgba(0,0,0,0.15) !important; overflow: visible !important; padding: 20px !important; pointer-events: auto !important; box-sizing: border-box !important; } /* Herança de fonte */ .mmwp-has-mega-menu .mmwp-mega-menu-content, .mmwp-has-mega-menu .mmwp-mega-menu-content * { font-family: inherit !important; } .mmwp-mega-menu-content * { pointer-events: auto !important; box-sizing: border-box !important; } /* Título */ .mmwp-menu-title { margin-bottom: 20px; } .mmwp-menu-title h3 { margin: 0; font-size: 24px; font-weight: 700; } /* Colunas */ .mmwp-menu-columns { display: flex !important; flex-wrap: nowrap !important; gap: 2% !important; width: 100% !important; position: relative !important; padding: 0 !important; margin: 0 !important; } .mmwp-menu-column { box-sizing: border-box !important; position: relative !important; padding-left: 0 !important; } /* Imagens */ .mmwp-column-image { margin-bottom: 15px; } .mmwp-column-image img { width: 100%; height: auto; display: block; border-radius: 8px; } .mmwp-column-image.mmwp-image-bottom { margin-bottom: 0; margin-top: 15px; } .mmwp-menu-column.mmwp-image-right .mmwp-column-content { display: flex; gap: 15px; align-items: flex-start; } .mmwp-menu-column.mmwp-image-right .mmwp-column-items { flex: 1; } .mmwp-menu-column.mmwp-image-right .mmwp-column-image { width: 200px; flex-shrink: 0; margin: 0; } /* Itens */ .mmwp-menu-items { list-style: none !important; margin: 0 !important; padding: 0 !important; display: block !important; position: relative !important; width: 100% !important; } .mmwp-menu-item { padding: 0 !important; display: block !important; margin-bottom: 2px !important; position: relative !important; transition: all 0.3s ease; } .mmwp-menu-item:last-child { margin-bottom: 0 !important; } .mmwp-category-item { font-weight: bold; margin-bottom: 5px; margin-top: 8px; padding-bottom: 3px; border-bottom: 1px solid rgba(0,0,0,0.1); } .mmwp-category-item:first-child { margin-top: 0; } .mmwp-category-item .mmwp-item-content { display: block !important; padding: 8px 0 !important; } .mmwp-link-item .mmwp-item-link { display: block !important; padding: 2px 0 !important; text-decoration: none !important; cursor: pointer !important; pointer-events: all !important; color: inherit !important; transition: color 0.3s ease !important; position: relative !important; z-index: 100 !important; } .mmwp-link-item .mmwp-item-link:hover { text-decoration: none; } .mmwp-menu-item i { font-size: 1.1em; } /* Esconde elementos mobile do plugin — não usados */ .mmwp-mobile-submenu { display: none !important; } .mmwp-mobile-toggle { display: none !important; } /* ============================================================ Elementor Nav Menu — integração O nav desktop SEMPRE tem elementor-nav-menu--main. Nunca muda de classe — o Elementor simplesmente esconde o nav inteiro via CSS quando ativa o hamburguer. Portanto: sem media queries, sem seletores --dropdown. ============================================================ */ .elementor-nav-menu--main .mmwp-has-mega-menu { position: relative !important; } .elementor-nav-menu--main .mmwp-has-mega-menu .mmwp-mega-menu-dropdown { z-index: 999999 !important; } /* hover via JS — ver mmwpShowDropdown() */ .elementor-nav-menu--main .mmwp-has-mega-menu > a::after, .elementor-nav-menu--main .mmwp-has-mega-menu > a.elementor-item::after { content: ' \25BC' !important; font-size: 0.6em !important; margin-left: 6px !important; display: inline !important; vertical-align: middle !important; position: relative !important; top: -10px !important; opacity: 1 !important; visibility: visible !important; } .elementor-nav-menu--main .mmwp-has-mega-menu .mmwp-mega-menu-content, .elementor-nav-menu--main .mmwp-has-mega-menu .mmwp-mega-menu-content * { font-family: inherit !important; }