header .navbar,
header .navbar .nav-link,
header .navbar .dropdown-menu,
header .navbar .dropdown-item {
  font-family: 'Poppins', sans-serif !important;
}


/* --- Caret no item-pai (já que removemos .dropdown-toggle) --- */
.nav-item.dropdown > .nav-link::after {
  content: "";
  display: inline-block;
  margin-left: .35rem;
  vertical-align: .255em;
  border-top: .35em solid currentColor;
  border-right: .35em solid transparent;
  border-left: .35em solid transparent;
}

/* --- Estilo do dropdown (borda laranja + animação) --- */
.navbar .dropdown-menu {
  border: 2px solid #e56f3b;
  border-radius: 12px;
  box-shadow: 0 10px 24px rgba(0,0,0,.08);
  padding: .5rem;

  /* estado base: oculto (para desktop) */
  display: none;
  opacity: 0;
  transform: translateY(8px) scale(.98);
  transform-origin: top left;
  transition: opacity .18s ease-out, transform .18s ease-out;
}
.navbar .dropdown-menu.dropdown-menu-end { transform-origin: top right; }

/* Destaque de item ativo no submenu */
.dropdown-menu .dropdown-item[aria-current="page"],
.dropdown-menu .dropdown-item.active,
.dropdown-menu .dropdown-item.selectedPage {
  color: #e56f3b;
  font-weight: 600;
  text-decoration: underline;
  background-color: rgba(229,111,59,0.08) !important;
}
.dropdown-menu .dropdown-item[aria-current="page"]:hover,
.dropdown-menu .dropdown-item.active:hover,
.dropdown-menu .dropdown-item.selectedPageUpdated:hover {
  color: #e56f3b;
  background-color: rgba(229,111,59,0.08);
}

/* --- DESKTOP: abre no hover --- */
@media (min-width: 992px) {
  .navbar .dropdown:hover > .dropdown-menu {
    display: block;
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

/* --- MOBILE: submenus sempre abertos quando o menu está expandido --- */
@media (max-width: 991.98px) {
  /* Ao abrir o “sanduíche”, mantenha todos os submenus visíveis */
  .navbar .dropdown .dropdown-menu {
    display: block;
    position: static;   /* empilha como lista */
    float: none;
    margin: .25rem 0 0;
    opacity: 1;
    transform: none;    /* sem animação no mobile */
  }

  /* Ajuste do caret (opcional) — mantém a setinha */
  .nav-item.dropdown > .nav-link::after {
    opacity: .8;
  }
}
/* About Us ativo: laranja, sem sublinhado */
.navbar .nav-link.selectedPageMenu.active {
  color: #e56f3b;
  text-decoration: none !important;
  font-weight: 600;
}
.navbar .nav-link.selectedPageMenu.active:hover,
.navbar .nav-link.selectedPageMenu.active:focus {
  color: #e56f3b;
}

/* Mantém a seta do dropdown (segue a cor do texto via currentColor) */
.nav-item.dropdown > .nav-link::after {
  content: "";
  display: inline-block;
  margin-left: .35rem;
  vertical-align: .255em;
  border-top: .35em solid currentColor;
  border-right: .35em solid transparent;
  border-left: .35em solid transparent;
}

.navbar .nav-link.selectedPageUpdated {
  color: #111 !important;                 /* mantém preto */
  text-decoration-line: underline;
  text-decoration-color: #e56f3b;
  text-decoration-thickness: 2px;
  text-underline-offset: 0.25em;
  text-decoration-skip-ink: auto;

  /* neutraliza métodos de "underline de bloco" que alguns temas usam */
  border-bottom: 0 !important;
  box-shadow: none !important;
  background-image: none !important;
}

.navbar .nav-link.selectedPageUpdated:hover,
.navbar .nav-link.selectedPageUpdated:focus {
  color: #111 !important;                 /* continua preto no hover/focus */
}

.dropdown-menu {
  --bs-dropdown-link-hover-bg: rgba(224,100,54,.10) !important;
  --bs-dropdown-link-hover-color: #2D3A40 !important;
}

@media (max-width: 991.98px) {
  .navbar .dropdown .dropdown-menu {
    display: block;
    position: static;
    float: none;
    margin: .25rem 0 0;
    opacity: 1;
    transform: none;

    /* remove fundo/borda do quadrado */
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  /* Itens do submenu com traço laranja e fonte menor */
  .navbar .dropdown-menu .dropdown-item {
    font-size: 0.9rem; 
    padding-left: 4rem !important;   /* aumenta recuo para centralizar melhor */
    position: relative;
    text-align: left;     /* mantém alinhamento consistente */
  }

  
  .navbar .dropdown-menu .dropdown-item::before {
    content: "-";
    color: #e56f3b;
    position: absolute;
    left: 3.3rem !important;           /* afasta o tracinho da borda */
    font-weight: bold;
  }
}