/* ==== IWM MenuMobile – click-only e anti-hover ==== */

/* Esconde o MenuMobile no desktop */
#MenuMobile { display: none !important; }
@media (min-width: 992px){
  #MenuMobile { display: none !important; }
}

/* ===== MOBILE ===== */
@media (max-width: 991.98px){
  /* Mostra somente o MenuMobile e oculta nav desktop */
  #MenuMobile { display: block !important; }
  section#menu nav.navbar.iwm.sticky-top:not(#MenuMobile){ display: none !important; }

  /* 1) Mata QUALQUER regra de hover herdada */
  #MenuMobile .dropdown:hover > .dropdown-menu,
  #MenuMobile .dropdown:hover .dropdown-menu,
  #MenuMobile .dropdown-submenu:hover > .dropdown-menu,
  #MenuMobile .dropdown-submenu:hover .dropdown-menu{
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
  }

  /* 2) Dropdowns aparecem logo abaixo do item (estável) */
  #MenuMobile .dropdown-menu{
    position: static !important;
    float: none !important;
    width: 100%;
    margin: 0;
    border: 0;
    border-radius: .4rem;
    box-shadow: none;
    background: #fff;

    /* fechado por padrão */
    display: none;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
  }

  /* 3) Exibir APENAS por classe .open em itens de 1º nível */
  #MenuMobile .nav-item.dropdown.open > .dropdown-menu{
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto;
  }

  /* 4) Dentro do dropdown, mostrar SÓ os títulos das categorias (dropdown-submenu),
        ocultando o 3º nível (Plataforma, Viga, etc.) */
  #MenuMobile .dropdown-menu .dropdown-submenu > .dropdown-menu{
    display: none !important;
  }

  /* Toque confortável */
  #MenuMobile .nav-link,
  #MenuMobile .dropdown-item{
    padding-top: .9rem;
    padding-bottom: .9rem;
  }

  /* Evita highlight no iOS */
  #MenuMobile a{ -webkit-tap-highlight-color: rgba(0,0,0,0); }

  /* Tira setas do desktop e usa caret do mobile */
  #MenuMobile i.fa-angle-down,
  #MenuMobile i.fa-chevron-down,
  #MenuMobile i.fa-caret-down{ display: none !important; }

  #MenuMobile .caret_DM{
    display:inline-block; width:.6rem; height:.6rem;
    border-right:2px solid currentColor; border-bottom:2px solid currentColor;
    transform:rotate(45deg); margin-left:.35rem; transition:transform .2s ease;
  }
  #MenuMobile .nav-item.dropdown.open > a > .caret_DM,
  #MenuMobile .nav-item.dropdown.open > .nav-link > .caret_DM{
    transform: rotate(225deg);
  }
}