.navbar {
  background: linear-gradient(45deg, #DF1F7E 20%, #DE257E) no-repeat, linear-gradient(135deg, transparent 50%, white 50%);
  background-size: 100% 100%;
  background-blend-mode: screen;
}

#nav-menu-fa-book-open--documentation.nav-link:before, a.nav-link:hover:has(.fa-house):before {
  content: none !important; 
}

#nav-menu-fa-book-open--documentation.nav-link:hover {
  background-color: #AF1A62;
}

.navbar-nav {
    margin-left: auto !important;
}

.navbar-nav .nav-item > .nav-link:has(.fa-house) {
  display: block !important;
  color: #DE257E;
}

a.nav-link:hover:has(.fa-house) {
  color: #AF1A62 !important;
}

.navbar-brand.navbar-brand-logo .navbar-logo {
    display: none; 
}

.button-small {
  /* font-size: 0.6em; */
  font-variant: small-caps;
  color: #083E44;
  background-color: #B5B5B510;
  border: 1px solid #083E44;
  /* font-weight: bold; */
  border-radius: 3px;
  padding: 2px 5px;
  vertical-align: middle;
  line-height: 35px;
}

.button-small:hover {
  color: #083E44;
  text-decoration: none;
  background-color: #EAF8FA;
  border: 1px solid #083E44;
}

.navbar-brand.navbar-brand-logo {
    background-image: url('../favicon.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left center;
    width: 75px; 
    height: 40px; 
    display: block; 
    filter: brightness(0) invert(1);
}

#nav-menu-fa-book-open--documentation {
  background-color: #de257e;
  border: 1px solid #de257e;
  color: white;
  padding: 0.375rem 0.75rem;
  border-radius: 2px;
  text-decoration: none;
}

.navbar-toggler {
  background-color: white;
}

@media (max-width: 768px) {
  #nav-menu-fa-book-open--documentation {
    margin-top: 0.5rem; 
  }

  .navbar-nav .nav-item > .nav-link:has(.fa-house) {
    display: none !important;
  }
}

/* Apply existing button classes to the login nav-links for all environments */
a.nav-link[href="https://app.prod.validmind.ai/"],
a.nav-link[href="https://app.staging.validmind.ai/"],
a.nav-link[href="https://app.dev.vm.validmind.ai/"] {
  background-color: white;
  border: 1px solid #de257e;
  color: #de257e;
  padding: 0.375rem 0.75rem;
  border-radius: 2px;
  text-decoration: none;
  font-weight: bolder;
}

/* Disable underline on hover for login buttons */
a.nav-link[href="https://app.prod.validmind.ai/"]:hover,
a.nav-link[href="https://app.staging.validmind.ai/"]:hover,
a.nav-link[href="https://app.dev.vm.validmind.ai/"]:hover {
  text-decoration: none;
  color: white;
  background-color: #de257e;
  border: 1px solid #de257e;
}