/* EASYPRINT NAVBAR V2 */

/* Desktop: brand left, navigation centered, auth right. */

@media (min-width: 761px) {
  .site-header .site-header-inner {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) auto minmax(0,1fr) !important;
    align-items: center !important;
    gap: 18px !important;
  }

  .site-header .nav-brand {
    grid-column: 1;
    justify-self: start;
  }

  .site-header .nav-menu {
    grid-column: 2;
    justify-self: center;
    display: flex !important;
    align-items: center;
    gap: 3px;
  }

  .site-header .ep-nav-auth {
    grid-column: 3;
    justify-self: end;
    display: flex;
    align-items: center;
    gap: 10px;
    white-space: nowrap;
  }

  .site-header .ep-nav-mobile-auth {
    display: none !important;
  }

  .site-header .nav-link {
    border-radius: 999px !important;
    padding: 10px 15px !important;
    border: 1px solid transparent !important;
    background: transparent;
    color: #285c82 !important;
    transition:
      background-color .24s ease,
      color .24s ease,
      box-shadow .24s ease !important;
  }

  .site-header .nav-link:hover {
    background: #eaf7fd !important;
  }

  .site-header .nav-link.active {
    color: #0b709e !important;
    background: linear-gradient(
      120deg, #d7f5fb, #dfefff
    ) !important;
    border-color: #b7e4f5 !important;
    box-shadow: 0 3px 10px rgba(30,143,192,.09) !important;
  }
}

/* Auth links */

.site-header .ep-nav-signin,
.site-header .ep-nav-signup {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  min-height: 36px;
  padding: 8px 15px;
  border-radius: 999px;
  text-decoration: none !important;
  font-size: 12px;
  font-weight: 700;
  transition: filter .2s ease, background .2s ease;
}

.site-header .ep-nav-signin {
  color: #24577e;
}

.site-header .ep-nav-signin:hover {
  background: #edf8fd;
}

.site-header .ep-nav-signup {
  color: #fff !important;
  background: linear-gradient(110deg,#18b6c8,#309bdd);
  box-shadow: 0 5px 12px rgba(34,149,209,.15);
}

.site-header .ep-nav-signup:hover {
  filter: brightness(1.07);
}

/* Mobile account actions remain inside hamburger navigation. */

@media (max-width: 760px) {
  .site-header .ep-nav-auth {
    display: none !important;
  }

  .site-header .ep-nav-mobile-auth {
    display: flex;
    flex-direction: column;
    gap: 9px;
    width: 100%;
    padding: 13px 4px 3px;
    margin-top: 8px;
    border-top: 1px solid #dcebf5;
  }

  .site-header .ep-nav-mobile-auth a {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 10px 16px;
    text-decoration: none !important;
    border-radius: 999px;
    font-size: 13px;
    font-weight: 700;
  }

  .site-header .ep-nav-mobile-signin {
    color: #24577e;
    background: #edf8fd;
  }

  .site-header .ep-nav-mobile-signup {
    color: #fff !important;
    background: linear-gradient(110deg,#18b6c8,#309bdd);
  }

  .site-header .nav-link.active {
    border-radius: 999px !important;
    background: #dff4fc !important;
    color: #117ba7 !important;
  }
}

@media (min-width: 761px) and (max-width: 970px) {
  .site-header .site-header-inner {
    gap: 8px !important;
  }

  .site-header .nav-link {
    padding: 9px 9px !important;
    font-size: 12px !important;
  }

  .site-header .ep-nav-auth {
    gap: 3px;
  }

  .site-header .ep-nav-signin,
  .site-header .ep-nav-signup {
    padding: 8px 10px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .site-header .nav-link,
  .site-header .ep-nav-signin,
  .site-header .ep-nav-signup {
    transition: none !important;
  }
}