/* JAVNI SAJT NA TELEFONU (08.10.2026).
 *
 * Korisnik: „nešto je veliko za mobilni prikaz i tekst i ikone". Izmereno na
 * 390 px: naslovi odeljaka 32–35 px, krugovi lekara 150 px sa slovima od 42 px
 * (20 lekara = oko 2.400 px skrola samo za tim), ikonice od 32 px, odeljci
 * razmaknuti po 60 px.
 *
 * SAMO javne strane (početna, usluge, o nama, laboratorija, lekari, odeljenja);
 * računar se ne menja. Učitava se pre mobilni.css — on mora biti poslednji
 * (`proveri_mobilni`). U mobilni.css ne ide jer ga dele i ekrani osoblja, a
 * ekran lekara ima iste klase.
 *
 * `html` ispred svakog pravila: strane nose svoje stilove i u <body>, POSLE
 * ovog fajla, pa bi pri istoj jačini selektora pobedili oni.
 */
@media (max-width: 575.98px) {
  /* Odeljci i naslovi */
  html .section { padding: 38px 0; }
  html .section-title { padding-bottom: 22px; }
  html .section-title h2 { font-size: 24px; margin-bottom: 10px; padding-bottom: 14px; }
  html .section-title p { font-size: 15px; line-height: 1.55; }

  /* Naslovi na vrhu strana (Usluge, O nama, Laboratorija, odeljenja, lekari) */
  html .usluge-hero h1, html .onama-hero h1, html .lab-hero h1 { font-size: 1.7rem; line-height: 1.2; }

  /* „Zašto otvoriti nalog" — naslov ima svoj stil u liniji, zato !important */
  html #registration-benefits h2 { font-size: 1.4rem !important; margin-bottom: 1rem !important; }
  html #registration-benefits .fa-2x { font-size: 1.4em; }

  /* Naši doktori: manji krugovi, dva u redu, gušće */
  html .hayat-doctors-title { font-size: 1.5rem; margin-bottom: 18px; }
  html .hayat-doctors { gap: 16px 10px; }
  html .hayat-doc-avatar { width: 84px; height: 84px; border-width: 3px; margin: 0 auto 8px;
                           box-shadow: 0 6px 16px rgba(16, 54, 91, 0.12); }
  html .hayat-doc .jl-inicijali { font-size: 1.55rem; }
  html .hayat-doc h4 { font-size: .93rem; line-height: 1.3; }
  html .hayat-doc > span { font-size: .8rem; line-height: 1.35; }

  /* Reč direktora: manji krug */
  html .ofw-head-photo { width: 104px; height: 104px; border-width: 4px; }
  html .ofw-head-photo .lekar-inicijali { font-size: 2rem; }
  html .ofw-head h2 { font-size: 1.25rem; }
  html .ofw-head p { font-size: .98rem; line-height: 1.65; }

  /* Naslovi na fotografijama usluga („Oftalmologija", „Vaskularna hirurgija"…) */
  html .hayat-card-title { font-size: 1.35rem; left: 18px; bottom: 14px; }
  html .hayat-card-title small { font-size: .85rem; }

  /* Plave trake i kartice: „Cenovnik", „Dolazimo i kod vas", „Terensko uzorkovanje" */
  html .hayat-cenovnik-band h2 { font-size: 1.5rem; }
  html .onama-banner-blue h3, html .lab-field-text h3 { font-size: 1.35rem; }

  /* Ikonice odeljenja bez slike */
  html .jl-ikona { min-height: 110px; font-size: 2.6rem; }

  /* Gornje slike strana: telefonu je dovoljna verzija od 960 px (65 KB umesto
     180 KB za hol). Pozadina iz CSS-a nema srcset, pa se bira ovde. */
  html .onama-hero { background-image: url('/static/assets/img/hayat/klinika/hol-960.webp'); }
  html .usluge-hero { background-image: url('/static/assets/img/hayat/klinika/kardiologija-2-960.webp'); }
  html .lab-hero { background-image: url('/static/assets/img/hayat/klinika/laboratorija-960.webp'); }

  /* Podnožje (korisnik 09.10.2026, snimak: veze razmaknute kao da je strana
     prazna). Šablon daje svakoj stavci po 10 px gore i dole, a mobilni.css
     vezi 44 px visine za prst — zajedno 64 px po redu. Prst dobija svojih
     44 px, razmak iz šablona otpada, a „Informacije" i „Odeljenja" stoje
     jedno pored drugog. */
  html .footer .footer-top { padding-top: 28px; }
  html .footer .footer-about .logo img { max-height: 34px; width: auto; }
  html .footer .footer-about .social-links:empty { display: none !important; }
  html .footer .footer-links { width: 50%; margin-bottom: 0; }
  html .footer .footer-links h4 { font-size: 15px; margin-bottom: 4px; padding-bottom: 0; }
  html .footer .footer-links ul li { padding: 0; }
  html .footer .footer-links ul a { line-height: 1.25; padding: 4px 0; }
}