/* Písmo sjednocené s formulářem.

   Plus Jakarta Sans je variabilní řez, který si už stahuje formulářová SPA —
   web ho tak sdílí bez dalšího requestu navíc. */

@font-face {
  font-family: "Plus Jakarta Sans";
  src: url("/modules/drivinglicense/views/js/public/app-PlusJakartaSans_wght_.woff") format("woff-variations"),
       url("/modules/drivinglicense/views/js/public/app-PlusJakartaSans_wght_.woff") format("woff");
  font-weight: 200 800;
  font-style: normal;
  font-display: swap;
}

body,
button,
input,
select,
textarea {
  font-family: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

/* Šířka obsahu.

   Téma nemá vlastní container, takže na velkých monitorech platil Bootstrap
   s 1320 px — řádky textu pak byly nepříjemně dlouhé a stránka působila
   roztaženě. 1200 px drží řádek v čitelné délce; menší rozlišení Bootstrap
   řeší sám a nesaháme na ně. */

@media (min-width: 1400px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 1200px;
  }
}

/* Formulář.

   SPA si nese vlastní kopii Bootstrapu pod prefixem .license-app, takže na
   širokém monitoru trpěla stejnou roztažeností jako web. Kromě šířky se
   krotí i výška vstupních polí — 60 px je na desktopu zbytečně mohutné,
   na dotykových displejích se drží doporučených 44 px. */

@media (min-width: 1200px) {
  .license-app .container,
  .license-app .container-lg,
  .license-app .container-md,
  .license-app .container-sm,
  .license-app .container-xl,
  .license-app .container-xxl {
    max-width: 1080px;
  }
}

@media (min-width: 992px) {
  .license-app input.form-control,
  .license-app select.form-control,
  .license-app .form-select,
  .license-app .multiselect__tags {
    min-height: 52px;
    height: 52px;
    font-size: 15px;
  }

  .license-app .main-card {
    padding: 26px 28px;
  }

  .license-app h1 {
    font-size: 28px;
  }

  .license-app h2 {
    font-size: 22px;
  }
}