/* estilos/style-menu.css */

/* Seletor mais específico para o menu-top */
nav.menu > .menu-top {
  background-color: #154a7a !important;
}

/* Estrutura básica tanto para menu-top quanto para menu-bottom */
.menu-top,
.menu-bottom {
  display: flex;
  align-items: center;
  padding: 10px 20px;
}

/* Sombras e logo no menu-top */
.menu-top {
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}
.menu-top .logo img {
  height: 30px;
}

/* Ajustes específicos do menu-bottom */
.menu-bottom {
  padding: 5px 20px;
  background-color: transparent !important; /* sem fundo */
}
.menu-bottom ul {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
}
.menu-bottom li {
  margin-right: 15px;
}
.menu-bottom a {
  text-decoration: none;
  color: #ffffff !important;    /* texto branco */
  font-weight: 500;
  font-size: 0.8rem;
  line-height: 1.5;
  padding: 1px !important;       /* padding de 1px */
  background: none !important;   /* sem fundo */
}
.menu-bottom a:hover {
  text-decoration: underline;
}