/* ==========================================================================
   ISPIS - tablica mjeseca za papir.
   --------------------------------------------------------------------------
   NA EKRANU SE OVAJ ODJELJAK NE VIDI. Tablica se gradi tek pri pritisku na
   "Ispiši mjesec" (`js/ispis.js`) i tada se poziva `window.print()`. Da je
   vidljiva i na ekranu, stranica bi imala dva prikaza istoga mjeseca - mrežu
   i tablicu - i korisnik ne bi znao koji je "pravi".

   NA PAPIRU SE NE VIDI NIŠTA OSIM NJE. Ne skriva se element po element, nego
   SVE `main > section`, pa se pokaže samo `#ispis`. Da se nabrajalo što
   sakriti, svaki novi odjeljak zaboravio bi se dodati na popis i ispisao bi
   se preko tablice.

   ISPIS NE OVISI O BOJI: rang je u tablici SLOVIMA (SV/BL/SP) i punom riječi,
   post svojim imenom. Župni printer je jednobojan, a i čitač ekrana čita
   retke - boja ne prenosi nijedan podatak.
   ========================================================================== */

.ispis { display: none; }

/* `@page` stoji IZVAN `@media print`: unutar medijskog bloka ga neki
   preglednici preskoče, a tada ispis izlazi s praznim marginama i bez
   veličine papira. */
@page {
  size: A4 portrait;
  margin: 14mm 12mm;
}

@media print {

  /* Tinta je skupa, a preglednik rado doda svoju pozadinu i svoj font. */
  html, body {
    background: #fff;
    color: #000;
    font: 400 10.5pt/1.35 Merriweather, Georgia, "Times New Roman", serif;
  }

  /* Paleta je svijetla sama od sebe: tamni su blokovi u `kalendar.css` u
     mediju `screen`. `color-scheme` nije boja, pa se naslijedi iz `:root` i
     tamni bi prikaz dao tamne `select` i trake - zato se ovdje tvrdo gasi. */
  :root { color-scheme: only light; }

  /* Sve osim tablice. */
  .pleter,
  header.zaglavlje,
  nav.skokovi,
  footer.podnozje,
  #obavijest,
  /* SVA ČETIRI DIJALOGA, ne samo dnevni. `<dialog>` je dijete `body`, a ne
     `main`, pa ga pravilo `main > section` NE uhvati: otvoren dijalog ispisao
     bi se PREKO tablice. Izmjereno 7. 10. 2026. - `#poklon` je nedostajao u
     ovome popisu otkako postoji, a `#rjecnik` je nastao s njim. `#sat` je
     dodan 16. 10. 2026. uz grafiku sata časova - i dodan je ISTOGA DANA kad i
     dijalog, jer se ovaj popis ne popunjava sam: dijalog kojega ovdje nema
     ispisuje se preko tablice, a to se vidi tek na papiru. */
  #modal,
  #poklon,
  #rjecnik,
  #sat,
  /* Umanjeni lik sata časova (`#sat-znak`) ovdje se NE imenuje - i to je
     provjereno, a ne prešućeno. On je 16. 10. 2026. premješten POD IKONU dana,
     dakle u `#danas`, a `#danas` je `<section>` i skriva ga `main > section`.
     Dok je stajao kao zaseban okvir izravno pod `main`-om, ovdje je MORAO
     stajati (dijete `main`-a koje nije `<section>` ispisalo bi se iznad
     tablice) - premještanjem je taj redak postao mrtvo pravilo i uklonjen je.
     ALI OVO JE MJESTO S KVAROM KOJI SE NE VIDI: lik sada drži `js/danas.js`,
     a ne `index.html`, pa tvrdnja o ispisu u `provjeri.py` - koja čita
     `index.html` - NE MOŽE vidjeti premjesti li ga tko izvan `#danas`. Tada
     bi se lik ispisao iznad tablice, a to se vidi samo na papiru. Zato:
     premješta li se `K.sat.redak()` ikamo, ovamo se vraća `#sat-znak,`. */
  /* Kućica za povratak na vrh je JEDINI `fixed` element na stranici i visi o
     tijelu dokumenta - pa je pravilo `main > section` NE uhvati i gumb bi se
     ispisao preko tablice. Zato se ovdje imenuje. */
  .vrh,
  .vizualno-sakriveno { display: none !important; }

  main { max-width: none; margin: 0; padding: 0; }

  main > section { display: none !important; }
  main > section#ispis { display: block !important; }

  /* --- zaglavlje lista ------------------------------------------------ */
  .ispis__glava { border-bottom: 2pt solid #000; padding-bottom: 2mm; margin-bottom: 3mm; }
  .ispis__glava h1 {
    margin: 0;
    font-size: 15pt;
    font-weight: 700;
    letter-spacing: .04em;
  }
  .ispis__glava p { margin: 1mm 0 0; font-size: 8.5pt; }
  .ispis__preliminarno { font-style: italic; }

  /* --- tablica --------------------------------------------------------- */
  .ispis__tablica {
    width: 100%;
    border-collapse: collapse;
    font-size: 9pt;
  }
  /* Zaglavlje se ponavlja na svakoj stranici - bez toga drugi list izgleda
     kao nastavak bez imena stupaca. */
  .ispis__tablica thead { display: table-header-group; }
  .ispis__tablica tfoot { display: table-footer-group; }
  /* Redak se ne lomi po sredini: dan koji se prelije preko dva lista ne može
     se pročitati ni na jednome. */
  .ispis__tablica tr { break-inside: avoid; page-break-inside: avoid; }

  .ispis__tablica th,
  .ispis__tablica td {
    border: .5pt solid #666;
    padding: 1mm 1.4mm;
    text-align: left;
    vertical-align: top;
  }
  .ispis__tablica thead th {
    background: #eee;
    font-size: 8pt;
    letter-spacing: .06em;
    text-transform: uppercase;
  }
  .ispis__dan { width: 9mm; text-align: right; font-weight: 700; white-space: nowrap; }
  .ispis__tjedan { width: 22mm; }
  .ispis__naslov { width: auto; }
  .ispis__rang { width: 34mm; }
  .ispis__post { width: 30mm; }
  .ispis__citanja { width: 20mm; font-size: 8pt; }
  .ispis__kratica { letter-spacing: .06em; }
  .ispis__bez-podataka td { color: #555; }

  /* --- legenda ispod tablice ------------------------------------------ */
  .ispis__legenda {
    margin-top: 4mm;
    border-top: .5pt solid #666;
    padding-top: 2mm;
    break-inside: avoid;
  }
  .ispis__legenda h2 {
    margin: 0 0 1mm;
    font-size: 9pt;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
  }
  .ispis__legenda ul { margin: 0; padding-left: 5mm; font-size: 8.5pt; }
  .ispis__legenda li { margin: .6mm 0; }

  /* Veze se na papiru ne mogu otvoriti, pa se adresa ispiše uz tekst. */
  a[href]::after { content: " (" attr(href) ")"; font-size: 7.5pt; word-break: break-all; }
  .ispis__legenda a[href]::after { content: ""; }
}