/* Page backdrop behind the login/signup card (Martex login-2). */
#login,
#signup {
  background-color: #f5f5f9 !important;
  background-image: url(../images/login.jpg) !important;
  background-position: bottom left !important;
  background-repeat: no-repeat !important;
  background-attachment: fixed !important;
}

@media (max-width: 767.98px) {
  #login,
  #signup {
    background-attachment: scroll !important;
  }
}

/* Icon + GENERALIX lockup — icon height matches Martex wordmark cap-height. */
.gx-brand {
  display: inline-flex;
  align-items: center;
  gap: 0.42em;
  vertical-align: middle;
  line-height: 1;
  text-decoration: none;
  color: inherit;
}

.gx-brand__mark {
  display: block;
  flex: none;
  width: 1.15em;
  height: 1.15em;
}

.gx-brand__word {
  font-family: var(--font-Jakarta), "Plus Jakarta Sans", ui-sans-serif, sans-serif;
  font-weight: 700;
  font-size: 22px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #111111;
}

.gx-brand--white .gx-brand__word {
  color: #ffffff;
}

.footer-info .gx-brand__word {
  font-size: 26px;
}

.footer-info .gx-brand,
.footer-logo {
  display: inline-flex;
  align-items: center;
  max-height: none !important;
}

/* Header lockup matches Martex logo-blue.png: max-height 38px (34px below xl).
   Do not set display on .light-theme-img / .dark-theme-img — Martex hides the unused one. */
.desktoplogo .gx-brand {
  display: inline-flex;
  align-items: center;
  max-height: 38px;
}

.desktoplogo .gx-brand__mark {
  width: 30px;
  height: 30px;
}

.desktoplogo .gx-brand__word {
  font-size: 18px;
  letter-spacing: 0.04em;
}

.smllogo .gx-brand {
  display: inline-flex;
  align-items: center;
  max-height: 34px;
}

.smllogo .gx-brand__mark {
  width: 26px;
  height: 26px;
}

.smllogo .gx-brand__word {
  font-size: 16px;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .desktoplogo .gx-brand {
    max-height: 34px;
  }

  .desktoplogo .gx-brand__mark {
    width: 26px;
    height: 26px;
  }

  .desktoplogo .gx-brand__word {
    font-size: 16px;
  }
}

a.gx-brand-home {
  display: inline-flex;
  align-items: center;
  text-decoration: none;
  color: inherit;
}

a.gx-brand-home:hover {
  text-decoration: none;
  opacity: 0.9;
}

#login .register-page-txt > a.gx-brand-home,
#login .register-page-txt > span.img-fluid,
#signup .register-page-txt > a.gx-brand-home,
#signup [data-gx-signup-logo] {
  display: flex;
  align-items: center;
  max-height: none !important;
  margin-bottom: 48px;
}

#login .gx-brand__word,
#signup .gx-brand__word {
  font-size: 22px;
}

.wsmenu > .wsmenu-list > li.gx-lang-item > a.gx-lang-toggle {
  outline: none;
}

.gx-lang-menu a.is-active {
  font-weight: 700;
}

header .wsmenu > .wsmenu-list > li.gx-lang-item {
  position: relative;
}

/* Same max-width + gutters as Martex `.container`, so logo and Sign up sit on the hero card edges. */
header .wsmainwp {
  width: 100%;
  padding-inline: 0.75rem;
}

@media (min-width: 480px) {
  header .wsmainwp {
    max-width: 540px;
  }
}

@media (min-width: 768px) {
  header .wsmainwp {
    max-width: 720px;
  }
}

@media (min-width: 992px) {
  header .wsmainwp {
    max-width: 960px;
  }

  header .wsmenu > .wsmenu-list > li.gx-lang-item > ul.sub-menu {
    left: auto;
    right: 0;
    min-width: 180px;
    text-align: left;
  }
}

@media (min-width: 1200px) {
  header .wsmainwp {
    max-width: 1140px;
  }
}

@media (min-width: 1400px) {
  header .wsmainwp {
    max-width: 1320px;
  }
}