/* styles.css */

.navbar {
  background-color: #000000; /* Black navbar */
}

.navbar * {  /* Targets all descendants of .navbar */
  color: #ffffff !important; /* White text */
}

/* More specific targeting for text and icons */
.navbar-light .navbar-nav .nav-link,
.navbar-light .navbar-brand,
.navbar-light .navbar-toggler-icon,
.navbar-light .navbar-nav .nav-link:hover, /* Style hover state too */
.navbar-light .navbar-brand:hover {
  color: #ffffff !important; /* Pure white - hex code */
}

/* For Bootstrap icons (if used) - often SVG */
.navbar-light .navbar-nav .nav-link svg,  /* Target SVG icons */
.navbar-light .navbar-brand svg,
.navbar-light .navbar-toggler-icon svg {
  fill: #ffffff !important; /* Fill color for SVGs */
  stroke: #ffffff !important; /* Stroke color if applicable */
}

/* If you are using Font Awesome (or similar icon libraries): */
.navbar-nav .nav-item .fa,  /* Or .fab, .fas, etc. */
.navbar-nav .nav-item .fas,
.navbar-nav .nav-item .fab,
.navbar-nav .nav-item .fal,
.navbar-nav .nav-item .far{
  color: #ffffff !important;
}

/* Active Link */
.navbar-light .navbar-nav .nav-link.active {
  color: yellow !important;
}


/* Dropdown Menu (adjust as needed) */
.dropdown-menu {
  background-color: #000000; /* Black dropdown */
}
.dropdown-item {
  color: #ffffff !important;
}
.dropdown-item:hover {
  background-color: rgba(255, 255, 255, 0.1); /* Very subtle white hover */
}

/* Mobile Menu Toggler */
.navbar-toggler {
  border-color: #ffffff;
}
.navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}