/* ChaSK / Artronic branding — shared by Admin WEB + App WEB (i kasnije widget).
 * Eurostile Extended Bold je službeni Artronic font.
 *
 * ⚠ Aplikacija se zove **ChaSK** (Davor, 25.08.2026.). Do tada je wordmark bio
 * "Chask::Chat&Task" — sada je ime u JEDNOM redu, a ono što radi u drugom, manjem:
 * "Chat · Task · Track · Trace" (`.login-tag`). Oba reda nose ISTI font.
 * Boja teksta: #051d35 (Artronic dark blue) na svijetloj pozadini. Na tamnoj
 * pozadini koristi .chask-wordmark--light (bijela). */

@font-face {
  font-family: 'EurostileExtended';
  src: url('/shared/fonts/eurostile-ex.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

.chask-wordmark {
  font-family: 'EurostileExtended', 'Eurostile', 'Arial Narrow', sans-serif;
  font-weight: 700;
  color: #051d35;
  letter-spacing: 0.5px;
  white-space: nowrap;
  line-height: 1.1;
}

/* Bijela varijanta — tamna pozadina */
.chask-wordmark--light { color: #fff; }

/* Crna varijanta — crno-bijeli / monochrome kontekst */
.chask-wordmark--mono { color: #000; }

/* --- Login form lockup (Admin WEB + App WEB) ---
 * Chask mark je kvadratan (≠ stari horizontalni SkyTrack logo), pa override-amo
 * `.login-box img { width:180px }` s većom specifičnošću. */
.login-box img.chask-logo-mark {
  width: auto;
  height: 60px;
  margin-bottom: 12px;
}
.login-box .chask-wordmark {
  font-size: 17px;
  margin-bottom: 3px;
}

/* Drugi red lockupa — što aplikacija radi. Isti font kao ime, osjetno manji i
   razmaknut, pa se čita kao podnaslov a ne kao drugo ime. */
.login-box .login-tag.chask-wordmark {
  font-size: 10px;
  letter-spacing: 1.6px;
  color: var(--muted, #6b7a90);
  margin-bottom: 6px;
}

/* Treći red — tvrtka koja uslugu PRUŽA (`/api/v1/branding`). Nije wordmark: to je
   ime tuđe tvrtke, pa ide običnim fontom. Skriven dok se ne zna.
   ⚠ Od 26.08.2026. ovo je REČENICA — „provided by Artronic", bez pravnog oblika
   (Davor). Ime tvrtke u punom obliku stoji gore na sredini pozadine, pa ovdje ne
   treba vikati: mirna velicina i tezina, ali ne i `--muted` sivo. */
.login-box .login-provider {
  font-size: 13px;
  letter-spacing: .2px;
  color: var(--muted, #6b7a90);
  margin: 2px 0 22px;
}

/* Ime tvrtke koja uslugu PRUŽA — VRH pozadine, sredina (Davor, 26.08.2026.).
   ⛔ Ne stoji više uz logo u donjem lijevom kutu: logo gotovo uvijek već nosi naziv
   tvrtke (DT logo doslovno piše „DIGITALNI TAHOGRAF", Artronicov „ARTRONIC"), pa je
   ime ispod njega izgledalo kao da se zamuckuje. Gore je daleko od loga i ne sudara se.
   ⚠ Pozadina je fotografija: bez sjene je bijeli tekst na svijetlom dijelu nečitak.
   ⚠ `pointer-events: none` — tekst prekriva vrh stranice i ne smije gutati klikove. */
.login-brand-top {
  position: fixed;
  top: 26px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 5;
  pointer-events: none;
  max-width: 92vw;
  text-align: center;
  font-family: 'EurostileExtended', 'Eurostile', 'Arial Narrow', sans-serif;
  font-weight: 700;
  font-size: clamp(17px, 2.6vw, 32px);
  letter-spacing: 1px;
  line-height: 1.1;
  color: #fff;
  text-shadow: 0 1px 4px rgba(0, 0, 0, .6);
}
@media (max-width: 480px) {
  .login-brand-top { top: 16px; font-size: 15px; letter-spacing: .6px; }
}

/* Login corner logo — donji LIJEVI kut pozadine (preko `/api/v1/login-logo`).
   Default bijeli Artronic vertical; DTD1/DTD2 override = DT logo.svg. */
.login-corner-logo {
  position: fixed;
  left: 32px;
  bottom: 28px;
  height: var(--chask-login-logo-size, 128px);   /* podesivo: CHASK_LOGIN_LOGO_SIZE → /status → JS setProperty */
  width: auto;
  max-width: 60vw;
  opacity: 0.92;
  pointer-events: none;
  z-index: 5;
}
@media (max-width: 480px) {
  /* na mobitelu skaliraj na ~72% postavljene veličine, min 64px */
  .login-corner-logo { height: max(64px, calc(var(--chask-login-logo-size, 128px) * 0.72)); left: 18px; bottom: 18px; }
}