.nav-special.sidebar-nav .nav > li a,
.nav-special.sidebar-nav .nav > li a:hover,
nav .site-navigation > li > .nav-link,
nav .site-navigation > li > .nav-link:hover,
nav .site-navigation > li > .dropdown > .nav-link.dropdown-toggle {
  color: #21F40B;
}

@media (min-width: 577px) {

/* Garante que cada dropdown-menu só pode crescer até o limite do menu pai */
.nav-item {
  position: relative; /* Pai do dropdown deve ser relativo */
}

.dropdown-menu {
  position: absolute;
  top: 150%;  /* gap */
  left: 0 !important;
  right: auto !important;
  min-width: 100%;
  width: max-content; /* só crescer conforme conteúdo */
  max-width: 260px;
  white-space: nowrap;
  z-index: 10;
  box-sizing: border-box;
  background-color: #000;
  border-bottom-left-radius:  0px;
  border-bottom-right-radius: 20px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-width: 0.1em 0 0 0;
  border-style: solid;
  border-color: #FE5000;
  padding: 10px 10px 10px 10px;
}

.dropdown-divider {
  background-color: #fff;
}

.nav-link,
.nav-link.dropdown-toggle {
  position: relative;
  z-index: 50;
}

nav .dropdown-menu .nav-link {
  font-size: 15px;
  line-height: 22px;
  font-weight: 300;
  color: #fff !important; /* cor padrão */
  transition: color 0.2s;
}
nav .dropdown-menu .nav-link:hover,
nav .dropdown-menu .nav-link:focus {
  color: #FE5000 !important; /* cor no hover */
  /* background: #212121; /* opcional: fundo no hover */
}

/* Remove qualquer largura forçada anterior, se houver */
.nav-drop-menu-bg {
  width: unset !important;
  min-width: unset !important;
  max-width: unset !important;
}

/* Ponte invisível continua igual (para manter o hover com gap) */
.dropdown-menu::before {
  content: "";
  display: block;
  position: absolute;
  top: -50px;      /* negativo e igual ao gap, ajuste conforme o espaço */
  left: 0;
  width: 100%;
  height: 50px;    /* igual ao gap */
  pointer-events: auto;
  z-index: 2;
}
}