/* Suite Shared Conventions — Lineup Lab (bg #4A2CB0, bolt #8163F2).
   Header logo (Zalando Sans SemiExpanded wordmark) + always-dark Nicoby footer
   ("A NICOBY STUDIO PRODUCTION" in Fustat).
   Self-hosted fonts (no Google Fonts) = no font-flash, CSP-safe. */

@font-face {
  font-family: 'Zalando Sans SemiExpanded';
  src: url('/ZalandoSansSemiExpanded.ttf') format('truetype');
  font-weight: 100 900;
  font-display: swap;
}

@font-face {
  font-family: 'Fustat';
  src: url('/Fustat.ttf') format('truetype');
  font-weight: 100 900;
  font-display: swap;
}

/* ---- Header logo: icon + ALL-CAPS Zalando wordmark, clickable to / ---- */
.ll-logo {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
  color: inherit;               /* stay visible on each page's own header */
}
.ll-logo__icon {
  width: 34px;
  height: 34px;
  border-radius: 9px;
  display: block;
  flex: none;
}
.ll-logo__word {
  font-family: 'Zalando Sans SemiExpanded', 'Space Grotesk', sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  font-size: 18px;
  line-height: 1;
  white-space: nowrap;
}

/* ---- Retro-fit the existing "LL" badge + wordmark to the suite standard ----
   Every page already renders `.mark` (an "LL" square) + `.wordmark`. Swap the
   badge for the app icon and the wordmark to Zalando, app-wide, with no per-page edit.
   The clickable-to-/ wrapper is added by the injected script (see pageShell.js). */
.mark {
  background: url('/lineuplab-icon.png') center/contain no-repeat !important;
  color: transparent !important;
  font-size: 0 !important;
  width: 34px !important;
  height: 34px !important;
  min-width: 34px;
  border-radius: 9px !important;
  box-shadow: none !important;
}
.wordmark, .login .logo, .logo {
  font-family: 'Zalando Sans SemiExpanded', 'Space Grotesk', sans-serif !important;
  font-weight: 700 !important;
}
a.ll-logo { text-decoration: none; color: inherit; display: inline-flex; align-items: center; gap: 10px; }
a.ll-logo:hover { opacity: .9; }

/* ---- Footer credit — always on its own dark strip ---- */
.suite-footer {
  background: #0e0d10;
  border-top: 1px solid #ffffff14;
  padding: 10px 16px;
  text-align: center;
  margin-top: 40px;
}
.suite-footer__inner {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  line-height: 1;
}
.suite-footer__mark { height: 18px; width: auto; display: block; }
.suite-footer__text {
  font-family: "jaf-mashine", 'Fustat', system-ui, sans-serif;
  font-size: 11.5px;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #C9A24A;
  font-weight: 700;
}
/* Footer sits flush at the bottom, full-bleed, regardless of page padding. */
body { position: relative; }