.bg-solidops {
  background-color: #000d21 !important;
  border-bottom: 1px solid #2a2f36;
}

.navbar-brand {
  color: #eca440 !important;
  font-weight: 600;
  font-size: 1.25rem;
}

.navbar-toggler {
  border: none;
  padding: 6px;
}

.navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23eca440' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(236,164,64, 1)' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.nav-phone {
  color: #eca440 !important;
  font-weight: 600;
  font-size: 1rem;
  text-decoration: none;
}

.nav-phone:hover {
  color: #ffffff !important;
  text-decoration: underline;
}

.navbar-nav .nav-link {
  color: #f2f2f2 !important;
  transition: color 0.2s ease;
}

.navbar-nav .nav-link:hover {
  color: #eca440 !important;
}

.nav-phone-footer {
  display: inline-block;
  padding: 10px 16px;
  font-size: 1rem;
  font-weight: 600;
  color: #eca440;
  background-color: #1a1a1a;
  border: 1px solid #eca440;
  border-radius: 8px;
  text-decoration: none;
  transition: background-color 0.2s ease;
}

.nav-phone-footer:hover {
  background-color: #eca440;
  color: #0d1721 !important;
  text-decoration: none;
}

.offcanvas-footer {
  padding-bottom: 20px;
}
