/* SHARP — popravka prikaza na telefonu. Dodato 26.09.2026.
 *
 * Naslov u herou ima `white-space: nowrap` i najmanju velicinu 49px
 * (`clamp(49px, 11.7vw, 83px)`). Na ekranu od 390px red „Mi je pretvaramo"
 * je siri od raspolozivog prostora, a `.hero` ima `overflow: hidden`, pa se
 * naslov SIJECE — kraj rijeci se ne vidi. Isto je bilo i na starom statickom
 * sajtu, nije doslo od prelaska na WordPress.
 *
 * Ovdje se samo na uskim ekranima dozvoljava prelom i spusta donja granica
 * velicine. Dizajn na racunaru i tabletu ostaje netaknut.
 *
 * Vracanje na staro: obrisati ovaj fajl i njegov red iz SHARP_STILOVI.
 */

@media (max-width: 560px) {
  h1 {
    white-space: normal;
    font-size: clamp(34px, 10.6vw, 49px);
    letter-spacing: -2px;
  }

  /* Prelomi iz HTML-a se CUVAJU — bez njih se „temu." i „Mi" spoje u
     „temu.Mi" jer izmedju njih nema razmaka, nego <br>. */

  /* Da nista drugo ne izadje iz ekrana. */
  body {
    overflow-x: hidden;
  }

  .hero-description,
  .hero-bottom p {
    overflow-wrap: break-word;
  }
}