:root {
  --bulma-primary: #0a1931; /* Navy Blue */
}

/* Ensure buttons and text contrast well */
.button.is-primary {
  background-color: #0a1931 !important;
  border-color: #0a1931 !important;
  color: #ffffff !important;
}

.has-text-primary {
  color: #0a1931 !important;
}

.navbar.is-primary {
  background-color: #0a1931 !important; /* Navy Blue */
  border-bottom: 2px solid #0c2c5c; /* Optional: Adds a professional accent */
}

.navbar-item,
.navbar-link {
  color: #ffffff !important; /* Ensures text is readable */
}

.navbar-item:hover,
.navbar-link:hover {
  background-color: #0c2c5c !important; /* Slightly lighter hover effect */
}

.hero.is-primary {
  background-color: #0a1931 !important; /* Navy Blue */
  color: #ffffff !important; /* Ensures text is readable */
}

.hero.is-primary .title,
.hero.is-primary .subtitle {
  color: #ffffff !important; /* Makes sure text stays white */
}

/* Ensure navbar buttons show light blue when active */
.navbar-item.is-active,
.navbar-item:focus,
.navbar-item:hover {
  background-color: #1e3a8a !important; /* Lighter Blue */
  color: #ffffff !important; /* Keep text readable */
}

/* Fix navbar dropdown text color */
.navbar-dropdown {
  background-color: #0a1931 !important; /* Match the navy theme */
  border: 1px solid #1e3a8a; /* Light blue border */
}

.navbar-dropdown .navbar-item {
  color: #ffffff !important; /* White text for contrast */
}

/* Dropdown hover effect */
.navbar-dropdown .navbar-item:hover {
  background-color: #1e3a8a !important; /* Slightly lighter blue */
  color: #ffffff !important;
}

/* Fix background and text color for mobile navbar when burger menu is active */
.navbar-menu {
  background-color: #0a1931 !important; /* Navy Blue */
}

/* Ensure navbar items inside the mobile dropdown are visible */
.navbar-menu .navbar-item {
  color: #ffffff !important; /* White text */
}

/* Ensure hover effect remains consistent */
.navbar-menu .navbar-item:hover {
  background-color: #1e3a8a !important; /* Lighter Blue */
  color: #ffffff !important;
}

/* Keep "Materials" button (navbar-link) light blue while the dropdown is open */
.navbar-item.has-dropdown.is-active .navbar-link {
  background-color: #1e3a8a !important; /* Light Blue */
  color: #ffffff !important;
}

/* Ensure it also works when hovering */
.navbar-item.has-dropdown:hover .navbar-link {
  background-color: #1e3a8a !important; /* Light Blue */
  color: #ffffff !important;
}

/* Fix navbar burger menu icon color */
.navbar-burger {
  color: #ffffff !important; /* White burger icon */
}

/* Ensure active burger menu retains correct color */
.navbar-burger.is-active {
  background-color: #0a1931 !important; /* Navy Blue */
}

.burger {
  background-color: transparent;
  border: none;
}

.navbar-brand {
  align-items: center;
}