/*
 * "Logga in"-knappen i sidhuvudet – länken in i fraktportalen (Vue-appen under /sv-se).
 * Ligger i en egen fil eftersom style.css genereras från scss-källorna i /Fraktsystem.
 */

/* Desktop: knappen ligger sist i huvudmenyn. */
.site-navbar .site-navigation .site-menu > li.site-menu-login {
  padding-left: 18px;
}

/* Både .scrolled och normalt läge sätter färg på menylänkar, så vi måste vinna över båda. */
.site-navbar .site-navigation .site-menu > li.site-menu-login > a,
.site-navbar.scrolled .site-navigation .site-menu > li.site-menu-login > a {
  padding: 9px 24px;
  border-radius: 4px;
  background-color: #eb4d4b;
  color: #fff;
  font-weight: 700;
  transition: background-color .2s ease;
}

.site-navbar .site-navigation .site-menu > li.site-menu-login > a:hover,
.site-navbar.scrolled .site-navigation .site-menu > li.site-menu-login > a:hover {
  background-color: #c93331;
  color: #fff;
}

/* Mobil/surfplatta: knappen bredvid hamburgermenyn (huvudmenyn döljs under 1200px). */
.site-login-mobile {
  vertical-align: middle;
  text-transform: uppercase;
  letter-spacing: .1em;
  font-weight: 700;
}

/* Off-canvas-menyn klonar huvudmenyn – där visas posten som en knapp i full bredd. */
.site-mobile-menu .site-nav-wrap > li.site-menu-login {
  padding: 10px 20px;
}

.site-mobile-menu .site-nav-wrap > li.site-menu-login > a {
  display: block;
  padding: 10px 20px;
  border-radius: 4px;
  background-color: #eb4d4b;
  color: #fff !important;
  font-weight: 700;
  text-align: center;
}

.site-mobile-menu .site-nav-wrap > li.site-menu-login > a:hover {
  background-color: #c93331;
}