// Navbar styles

:root {
  --ifm-navbar-background-color: #12161a;
  --ifm-navbar-shadow: 0 1px 0 0 #2a3138;
  --ifm-navbar-height: 60px;
  --ifm-navbar-padding-horizontal: 1rem;
}

.navbar {
  box-shadow: var(--ifm-navbar-shadow);
}

.navbar__logo {
  display: flex;
  align-items: center;
  height: 100%;

  img {
    height: calc(var(--ifm-navbar-height) * 0.24) !important;
    margin-bottom: 0.1rem;
  }
}

.navbar__title {
  font-weight: 700;
  font-size: 1.25rem;
  color: var(--ifm-font-color-base);
}

.navbar__link {
  font-weight: 500;
  color: var(--ifm-font-color-base);

  &--active {
    color: var(--ifm-color-primary);
  }
}

// External link icon override
.navbar__link[href^="http"] {
  // Hide default Docusaurus external link icon
  svg {
    display: none !important;
  }

  &::after {
    content: '\f08e';
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    font-size: 0.8em;
    color: #44515e;
    margin-left: 0.4rem;
    position: relative;
    top: -0.1rem;
  }
}
