Dificuldade com Combinadores CSS

HTML

          <ul class="main__section__nav__ul main__section__nav__ul__veiculos">
            <input class="veiculos__botao" type="checkbox" id="veiculos-menu">
            <label for="veiculos-menu">
              <li class="veiculos__menu__titulo"><a class="main__section__nav__titulo"><img class="icone__menu__titulo__img" src="./assets/icone_menu2.png" alt="Icone de Menu"><p>Titulo Menu</p></a></li>
            </label>
              <li class="veiculos__menu__item"><a class="main__section__nav__item" href="#"><p>Link1 Menu</p></a></li>
              <li class="veiculos__menu__item"><a class="main__section__nav__item" href="#"><p>Link2 Menu</p></a></li>
          </ul>

CSS

.veiculos__botao:checked ~ .veiculos__menu__item {
  display: block;
}
.veiculos__botao:checked ~ .veiculos__menu__titulo {
  display: none;
}

A intenção era de, ao clicar nesse checkbox "veiculos__botao" mudar a classe "veiculos__menu__item" de display none para display block E a classe "veiculos__menu__titulo" para display none.... (só inverter, quando clicar no botão, um texto aparece e outro some)... mas por algum detalhe não estou conseguindo fazer o código funcionar. Da forma que está, a classe veiculos__menu__item recebe um display e aparece normalmente, mas a veiculos__menu__titulo não recebe o display none...