/* Custom styles for meritoclub2 */
/* Sidebar color configured as requested: #FFB31B */

/* Sidebar background color */

.left-sidebar {
  background-color: #FFB31B !important;
}

/* Sidebar text color */
.sidebar-nav ul .sidebar-item .sidebar-link,
.nav-small-cap {
  color: #004793 !important;
}

/* Sidebar arrow color */
.sidebar-nav .has-arrow::after {
  border-color: #004793 !important;
}

/* Hover states - solid blue background with white text */
.sidebar-nav ul .sidebar-item .sidebar-link:hover {
  background: #004793 !important;
  color: white !important;
}

/* Arrow color on hover should be white */
.sidebar-nav ul .sidebar-item .sidebar-link:hover.has-arrow::after {
  border-color: white !important;
}

/* Active states - keep the text blue but with a darker background */
.sidebar-nav ul .sidebar-item.selected > .sidebar-link,
.sidebar-nav ul .sidebar-item.selected > .sidebar-link.active,
.sidebar-nav ul .sidebar-item > .sidebar-link.active {
  background-color: rgba(0, 71, 147, 0.2) !important;
  color: #004793 !important;
}

/* For active items, keep the arrow color consistent */
.sidebar-nav ul .sidebar-item.selected .sidebar-link.has-arrow::after,
.sidebar-nav .has-arrow[aria-expanded=true]::after,
.sidebar-nav li.active > .has-arrow::after,
.sidebar-nav li > .has-arrow.active::after {
  border-color: #004793 !important;
} 

/* Sidebar principal: tamanho fixo 232x80px apenas para o link principal ativo */
a.sidebar-link.active {
  width: 232px !important;
  height: 80px !important;
  min-width: 232px !important;
  min-height: 80px !important;
  max-width: 232px !important;
  max-height: 80px !important;
  display: flex;
  align-items: center;
  justify-content: flex-start;
} 

/* Sidebar principal: destaque apenas para o menu pai com submenu aberto */
a.sidebar-link.active-ul {
  background: #004793 !important;
  color: #fff !important;
  width: 232px !important;
  height: 80px !important;
  min-width: 232px !important;
  min-height: 80px !important;
  max-width: 232px !important;
  max-height: 80px !important;
  display: flex;
  align-items: center;
  justify-content: flex-start;
} 

a.sidebar-link.active-ul,
a.sidebar-link.active-ul .hide-menu,
a.sidebar-link.active-ul i {
  color: #fff !important;
}