/* "Sign in" button in the main navigation.
   Added 2026-10-27. Links to the Odoo login (/web/login); nginx hands that path to Odoo.
   Remove this file, its <link> in each page <head> and the "nav-signin" <a> in each nav to undo. */

.w-nav-link.nav-signin {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 34px;
  padding: 0 20px;
  border: 1px solid #bfbfbf;
  color: #fff;
  line-height: 1;
  white-space: nowrap;
  transition: background-color .2s ease, border-color .2s ease, color .2s ease;
}

.w-nav-link.nav-signin:hover,
.w-nav-link.nav-signin:focus-visible {
  border-color: #fff;
  background-color: #fff;
  color: #000;
}

.w-nav-link.nav-signin:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 2px;
}

/* Desktop: pinned to the top-right corner of the header, outside the layout flow.
   The existing links keep their exact positions (nothing moves or wraps), and the button
   stays above the social rail, which starts lower down on every page. */
@media screen and (min-width: 992px) {
  .w-nav-menu {
    position: static; /* so the button is placed against the navbar, not the menu */
  }

  .w-nav-link.nav-signin {
    position: absolute;
  }

  /* Home page: the navbar is already inset by 3.571vw and is 57px high */
  .nav-link.nav-signin {
    top: 11px;
    right: 0;
  }

  /* Other pages: the navbar spans the full width */
  .nav-link-2.nav-signin {
    top: 8px;
    right: 3.571vw;
  }
}

/* The page content stops growing at 1920px, so keep the button with it */
@media screen and (min-width: 1920px) {
  .nav-link-2.nav-signin {
    right: calc((100vw - 1920px) / 2 + 69px);
  }
}

/* Collapsed (hamburger) menu: full-width button at the bottom of the list */
@media screen and (max-width: 991px) {
  .w-nav-link.nav-signin {
    display: block;
    height: auto;
    margin: 12px 5vw 16px;
    padding: 12px 0;
    text-align: center;
  }
}

/* Home page, up to 767px: its menu panel only has left padding (3.571vw), so balance the right side */
@media screen and (max-width: 767px) {
  .nav-link.nav-signin {
    margin-right: 8.571vw;
  }
}