/* ==========================================================================
   1. COR DE FUNDO DO CABEÇALHO
   ========================================================================== */
header,
.bg-red,
.arizona-header,
header[role="banner"] {
  background-color: #0C2340 !important;
  color: #FFFFFF !important;
}

header#header_arizona,
header#header_arizona.bg-black,
.arizona-header.bg-black {
  background-color: #000000 !important;
}

img,
img-fluid {
  max-width: 100%;
  height: auto;
}

img-fluid image-style-az-thumbnail,
img-fluid {
  margin-left: 80px;
}

/* ==========================================================================
   2. LINKS DO MENU PRINCIPAL (BRANCO NO REPOUSO + HOVER VISÍVEL)
   ========================================================================== */
header .nav-link,
header .nav-item > a,
header .navbar-nav .nav-link,
header #main-menu a,
.header .nav-link,
.header .nav-item > a {
  color: #FFFFFF !important;
  transition: all 0.2s ease-in-out;
}

/* Estado de Hover e Ativo no Menu Principal (Fundo claro com texto azul escuro) */
header .nav-link:hover,
header .nav-item > a:hover,
header .navbar-nav .nav-link:hover,
header #main-menu a:hover,
header .nav-item:hover > a,
header .nav-item.active .nav-link,
header .nav-item.active > a,
header .navbar-nav .active > .nav-link,
header #main-menu .active > a {
  background-color: #E2E8F0 !important;
  color: #0C2340 !important;
}

/* Exibição do Submenu e Seta no Hover */
header .nav-item.dropdown:hover > .dropdown-menu,
header .navbar-nav .dropdown:hover > .dropdown-menu {
  display: block !important;
  margin-top: 0;
  opacity: 1;
  visibility: visible;
}

/* Setas do Submenu (Padrão Branca / Azul no Hover) */
header .nav-link.dropdown-toggle::after,
header .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.5em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.35em solid #FFFFFF !important;
  border-right: 0.3em solid transparent !important;
  border-bottom: 0;
  border-left: 0.3em solid transparent !important;
}

header .nav-item.dropdown:hover > .nav-link::after,
header .nav-item.dropdown:hover > a::after {
  border-top-color: #0C2340 !important;
  transform: rotate(180deg);
  transition: transform 0.2s ease-in-out;
}

/* ==========================================================================
   3. ELEMENTOS ADMINISTRATIVOS DO TOPO (BREADCRUMBS E TABS DO HEADER)
   ========================================================================== */

/* Migalhas de pão (Breadcrumbs) no topo azul */
.breadcrumb,
.breadcrumb a,
.breadcrumb li,
ol.breadcrumb a,
nav.breadcrumb a {
  color: #FFFFFF !important;
}

.breadcrumb li + li::before,
.breadcrumb-item + .breadcrumb-item::before {
  color: rgba(255, 255, 255, 0.7) !important;
}

.breadcrumb a:hover {
  color: #E2E8F0 !important;
  text-decoration: underline !important;
}

/* Abas administrativas localizadas dentro do cabeçalho */
header ul.tabs.primary,
header .block-local-tasks-block nav {
  background-color: transparent !important;
}

header ul.tabs.primary a,
header .block-local-tasks-block a {
  color: #FFFFFF !important;
}

header ul.tabs.primary a:hover,
header .block-local-tasks-block a:hover {
  color: #E2E8F0 !important;
  background-color: rgba(255, 255, 255, 0.15) !important;
}

header ul.tabs.primary li.is-active a,
header .block-local-tasks-block .is-active a {
  color: #0C2340 !important;
  background-color: #FFFFFF !important;
  font-weight: bold !important;
}