/***************************************************
 * Twenty-One Theme: Dark Header Customization
 ***************************************************/

/* === Header background === */
header.header .navbar {
  background-color: #1a1a1a !important;
  border: none !important;
  box-shadow: none !important;
}

/* === All navigation links (brand + menu) === */
header.header .navbar a {
  color: #ffffff !important;   /* white text */
  text-decoration: none !important;
}

/* Hover + active links */
header.header .navbar a:hover,
header.header .navbar a:focus,
header.header .navbar a.active {
  color: #cccccc !important;   /* light gray hover */
}

/* === Dropdown menu === */
header.header .navbar .dropdown-menu {
  background-color: #1a1a1a !important;
  border: none !important;
}

header.header .navbar .dropdown-item {
  color: #ffffff !important;
}

header.header .navbar .dropdown-item:hover,
header.header .navbar .dropdown-item:focus {
  color: #cccccc !important;
  background: transparent !important;
}

/* === Mobile menu (hamburger) === */
header.header .navbar .navbar-toggler {
  border-color: rgba(255, 255, 255, 0.25) !important;
}

header.header .navbar .navbar-toggler-icon {
  filter: invert(1) grayscale(100%); /* makes the icon white */
}