/* Sportum integration layer for the clean public pages package. */
.brand img {
  display: block;
  width: 210px;
  max-width: 34vw;
  height: auto;
}

.topbar .nav {
  justify-content: flex-start;
}

.topbar .brand {
  order: 1;
  margin-right: 24px;
}

.topbar .navlinks {
  order: 2;
  margin-left: auto;
}

.navlinks a.active {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

.topbar .login-btn,
.topbar .login-btn.active {
  order: 3;
  display: inline-flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0;
  min-width: 112px;
  height: 48px;
  padding: 0 18px !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

.sportum-lang-control {
  display: flex;
  align-items: center;
  gap: 9px;
  color: var(--muted);
  font-size: 0.68rem;
  font-weight: 950;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.topbar .sportum-lang-control {
  order: 4;
  flex-shrink: 0;
  margin-left: 16px;
}

.sportum-lang-control select {
  height: 42px;
  border: 1px solid rgba(91, 188, 255, 0.35);
  border-radius: 11px;
  background: rgba(5, 21, 40, 0.72);
  color: var(--ice);
  font-weight: 850;
  padding: 0 12px;
}

.field input::placeholder {
  color: rgba(214, 230, 248, 0.48);
}

.login-message {
  min-height: 22px;
  margin-top: 16px;
  color: #8fff72;
  font-weight: 850;
}

.login-message.error {
  color: #ff6f8f;
}

@media (max-width: 1120px) {
  .brand img {
    width: 178px;
  }
}

@media (max-width: 840px) {
  .brand img {
    width: 158px;
  }

  .topbar .brand {
    margin-right: 0;
  }

  .topbar .navlinks {
    margin-left: 0;
  }

  .topbar .login-btn,
  .topbar .login-btn.active {
    min-width: 96px;
    height: 42px;
    padding: 0 13px !important;
  }

  .sportum-lang-control {
    align-items: flex-start;
    flex-direction: column;
    padding: 12px 0;
  }

  .topbar .sportum-lang-control {
    order: 20;
    width: 100%;
    margin-left: 0;
  }

  .sportum-lang-control select {
    width: 100%;
  }
}