/* ==========================================================================
   Elektronické portfolio praxí — tisk

   Připojte s media="print":
     <link rel="stylesheet" href="/design-system/css/print.css" media="print">

   Tištěný výkaz není obrazovka na papíře. Je to doklad: hlavička s logem,
   období, za co se platí, a místo na podpis. Navigace, tlačítka ani
   simulace sazby na papír nepatří.

   Dvě pasti, na které tenhle soubor odpovídá:

   1. Kdo má zapnutý tmavý režim, vytiskl by tmavou stránku. Sémantické
      tokeny se proto v tisku přepisují zpátky na světlé.
   2. Logo kreslené přes background-image se většině lidí nevytiskne —
      prohlížeče podklady ve výchozím nastavení vynechávají. V tiskové
      hlavičce je proto <img>, ne .ep-logo.
   ========================================================================== */

@media print {
  /* ------------------------------------------------------------------ */
  /* Stránka                                                            */
  /* ------------------------------------------------------------------ */

  @page {
    size: A4 portrait;
    /* Dole víc místa: prohlížeč si tam tiskne vlastní patičku. */
    margin: 16mm 14mm 18mm;
  }

  /* ------------------------------------------------------------------ */
  /* Barvy zpět do světlé, ať se tmavý režim nepropíše na papír          */
  /* ------------------------------------------------------------------ */

  /* Každá hodnota s !important. Tmavý režim se nastavuje selektorem
     `:root:not([data-theme="light"])`, který má vyšší specificitu než
     prosté `:root` — bez !important by prohral tenhle blok a komukoli
     se zapnutým tmavým režimem by se vytiskly tmavé plochy. */
  :root {
    --ep-bg: #ffffff !important;
    --ep-surface: #ffffff !important;
    --ep-surface-alt: #ffffff !important;
    --ep-surface-sunken: #ffffff !important;
    --ep-border: #9a9a9a !important;
    --ep-border-subtle: #c4c4c4 !important;
    --ep-border-strong: #6b6b6b !important;

    --ep-text: #000000 !important;
    --ep-text-secondary: #1f1f1f !important;
    --ep-text-muted: #3a3a3a !important;
    --ep-text-faint: #4a4a4a !important;

    --ep-identity: #000000 !important;
    --ep-action: #000000 !important;
    --ep-ok: #000000 !important;
    --ep-wait: #000000 !important;
    --ep-alert: #000000 !important;
    --ep-info: #000000 !important;
    --ep-neutral: #000000 !important;

    --ep-ok-bg: transparent !important;
    --ep-wait-bg: transparent !important;
    --ep-alert-bg: transparent !important;
    --ep-info-bg: transparent !important;
    --ep-neutral-bg: transparent !important;
    --ep-action-soft: transparent !important;
    --ep-backdrop: transparent !important;
  }

  html,
  body {
    background: #ffffff !important;
    color: #000000;
  }

  body {
    /* Logomanuál doporučuje pro fakultní dokumenty Corbel. Na strojích
       mzdové účtárny s Office bude; jinak se spadne na Noto Sans. */
    font-family: Corbel, Candara, "Noto Sans", Calibri, Arial, sans-serif;
    font-size: 11pt;
    line-height: 1.45;
  }

  /* ------------------------------------------------------------------ */
  /* Co na papír nepatří                                                */
  /* ------------------------------------------------------------------ */

  .ep-appbar,
  .ep-tabbar,
  .ep-topbar,
  .ep-sidenav,
  .ep-app__footer,
  .ep-page-head__actions,
  .ep-skip,
  .ep-btn,
  .ep-seg,
  .ep-ramp-legend,
  .proto-bar,
  .ep-toasts,
  .proto-index__head,
  .sg-toc,
  dialog,
  [data-pwa-install-box],
  [data-pwa-ios],
  [data-ep-dialog-open],
  [data-proto-payout],
  .ep-screen-only {
    display: none !important;
  }

  /* Rozvržení se rozpadne na jeden sloupec. */
  .ep-shell,
  .ep-row,
  .ep-stack {
    display: block !important;
  }

  .ep-content,
  .ep-app__main {
    padding: 0 !important;
    max-width: none !important;
    width: auto !important;
  }

  .ep-app,
  .ep-app--phone {
    display: block !important;
    min-height: 0 !important;
    max-width: none !important;
    margin: 0 !important;
    border: 0 !important;
  }

  /* ------------------------------------------------------------------ */
  /* Dokument                                                           */
  /* ------------------------------------------------------------------ */

  .ep-print-only {
    display: block !important;
  }

  .ep-print-doc__head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10mm;
    padding-bottom: 4mm;
    margin-bottom: 6mm;
    border-bottom: 1.5pt solid #000000;
  }

  /* Logo jako <img>, ne podklad — viz poznámka nahoře. */
  .ep-print-doc__logo {
    width: 48mm;
    height: auto;
    flex: none;
  }

  .ep-print-doc__title {
    font-size: 15pt;
    font-weight: 700;
    line-height: 1.25;
    margin: 0 0 1mm;
  }

  .ep-print-doc__subtitle {
    font-size: 11pt;
    margin: 0;
  }

  .ep-print-doc__meta {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 1mm 4mm;
    font-size: 10pt;
    margin-bottom: 5mm;
  }

  .ep-print-doc__meta dt {
    font-weight: 700;
  }

  .ep-print-doc__meta dd {
    margin: 0;
  }

  .ep-print-doc__note {
    font-size: 9.5pt;
    line-height: 1.5;
    margin-top: 4mm;
    padding-top: 2mm;
    border-top: 0.5pt solid #9a9a9a;
  }

  /* Podpisy. break-inside, aby nezůstaly osamocené na další straně. */
  .ep-print-doc__sign {
    display: flex;
    gap: 14mm;
    margin-top: 14mm;
    break-inside: avoid;
  }

  .ep-print-doc__sign > div {
    flex: 1 1 0;
  }

  .ep-print-doc__sign-line {
    border-top: 0.5pt solid #000000;
    padding-top: 1.5mm;
    margin-top: 16mm;
    font-size: 9.5pt;
  }

  /* ------------------------------------------------------------------ */
  /* Tabulky                                                            */
  /* ------------------------------------------------------------------ */

  .ep-table-wrap,
  .ep-scroll-x {
    overflow: visible !important;
    border: 0 !important;
    border-radius: 0 !important;
  }

  .ep-table {
    width: 100% !important;
    min-width: 0 !important;
    font-size: 9.5pt;
    border-collapse: collapse;
  }

  /* Hlavička se opakuje na každé straně. */
  .ep-table thead {
    display: table-header-group;
  }

  .ep-table tfoot {
    display: table-footer-group;
  }

  .ep-table tr {
    break-inside: avoid;
  }

  .ep-table thead th {
    background: transparent !important;
    color: #000000;
    font-size: 8.5pt;
    padding: 1.5mm 2mm;
    border-bottom: 1pt solid #000000;
  }

  .ep-table tbody th,
  .ep-table tbody td {
    padding: 1.5mm 2mm;
    border-bottom: 0.5pt solid #c4c4c4;
    color: #000000 !important;
  }

  .ep-table tfoot td,
  .ep-table tfoot th {
    padding: 2mm;
    border-top: 1pt solid #000000;
    font-weight: 700;
    font-size: 10pt;
  }

  /* ------------------------------------------------------------------ */
  /* Stavy bez podkladu                                                 */
  /*                                                                    */
  /* Podklady se běžně netisknou, takže odznak s barevnou výplní by     */
  /* zmizel. Zůstává mu rámeček, ikona a text — přesně proto stav nikdy */
  /* nenese informaci jen barvou.                                       */
  /* ------------------------------------------------------------------ */

  .ep-chip {
    background: transparent !important;
    color: #000000 !important;
    border: 0.5pt solid #000000 !important;
    padding: 0.4mm 1.4mm;
    font-size: 8.5pt;
  }

  .ep-tick {
    border: 0.5pt solid #000000 !important;
    background: transparent !important;
    color: #000000 !important;
    width: 4mm;
    height: 4mm;
  }

  .ep-tick--missing {
    border-style: dashed !important;
  }

  .ep-note {
    background: transparent !important;
    border: 0.5pt solid #000000 !important;
    border-left-width: 1.5pt !important;
    padding: 3mm;
    break-inside: avoid;
  }

  .ep-card,
  .ep-stat {
    background: transparent !important;
    border: 0.5pt solid #9a9a9a !important;
    box-shadow: none !important;
    break-inside: avoid;
  }

  /* Pruh plnění se bez podkladu nevytiskne čitelně; číslo vedle něj ano. */
  .ep-meter {
    border: 0.5pt solid #000000;
    height: 2mm;
  }

  .ep-meter__fill {
    background: #000000 !important;
    print-color-adjust: exact;
    -webkit-print-color-adjust: exact;
  }

  /* ------------------------------------------------------------------ */
  /* Drobnosti                                                          */
  /* ------------------------------------------------------------------ */

  h1, h2, h3, h4 {
    break-after: avoid;
    color: #000000;
  }

  .ep-section + .ep-section {
    margin-top: 6mm;
  }

  .ep-section__head {
    display: block;
    margin-bottom: 3mm;
  }

  a {
    color: #000000;
    text-decoration: none;
  }

  svg {
    print-color-adjust: exact;
    -webkit-print-color-adjust: exact;
  }
}

/* Skrytí .ep-print-only na obrazovce je v base.css — tenhle soubor se
   připojuje s media="print" a na obrazovce by se neuplatnil. */