/* ── Atos stranica kao brošura (PDF) ─────────────────────────────────────────
   Učitava se SAMO za štampu (<link media="print">), a dugme „Sačuvajte kao PDF"
   otvara štampu pretraživača — kao predračun: bez ijedne biblioteke.
   Brošura je uvijek svijetla (i kad je sajt u tamnoj temi), bez menija,
   podnožja i dugmadi; živi demoi (iframe) se mijenjaju snimcima, a na vrh i
   dno idu logo i kontakt (.samo-stampa u atos.html). */

@page { size: A4; margin: 14mm 15mm 16mm; }

html, body {
  background: #fff !important;
  color: #1a1d23 !important;
  font-size: 10.5pt;
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
}

/* sve što je za ekran */
#navbar, .site-footer, .detail-cta, .pdf-dugme, iframe,
.atos-telefon-natpis, .atos-telefon-veza, .back-link,
.detail-hero-bg, #cookie-banner, .cookie-banner { display: none !important; }

.samo-stampa { display: block !important; }

/* animacije koje čekaju skrol bi u štampi ostale nevidljive */
.reveal { opacity: 1 !important; transform: none !important; }

/* ── zaglavlje: logo + šta je Atos ── */
.stampa-zaglavlje {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 3mm;
  margin-bottom: 4mm;
  border-bottom: 2px solid #0091d5;
  font-size: 10pt;
  color: #4b5563;
}
.stampa-zaglavlje img { width: 38mm; height: auto; }

/* ── uvod (na ekranu je preko tamne slike) ── */
.detail-hero { min-height: 0 !important; display: block; overflow: visible; }
.detail-hero-content { padding: 0 !important; display: block; }
.detail-hero-text h1 { color: #0b1220 !important; font-size: 30pt; margin: 0 0 2mm; }
.detail-hero-text p { color: #374151 !important; font-size: 12pt; max-width: none; }

/* ── sekcije: jedna ispod druge, ne cijepaju se preko dvije strane ── */
.sekcije { background: #fff !important; padding: 0 !important; }
.sekcija {
  break-inside: avoid;
  page-break-inside: avoid;
  padding: 4mm 0 !important;
  margin: 0 !important;
  border-bottom: 1px solid #e5e7eb;
  max-width: none !important;
}
.sekcija:last-child { border-bottom: 0; }
.sekcija h2 { color: #0b1220 !important; font-size: 15pt; margin: 0.5mm 0 1.5mm; }
.sek-pitanje { color: #0073aa !important; font-size: 10pt; margin: 0; }
.sek-tekst { color: #1f2937 !important; font-size: 10pt; line-height: 1.45; margin: 0 0 1.5mm; max-width: none !important; }
.sek-stavke { margin: 0; }
.sek-stavke li { color: #1f2937 !important; font-size: 9.5pt; line-height: 1.35; margin: 0 !important; padding: 0.8mm 0 !important; border: 0 !important; }
.sek-stavke .opis { color: #4b5563 !important; }
.sek-stavke .ikona svg { fill: #5d9c1e !important; }

/* sekcije sa telefonom: snimak umjesto živog demoa, uži stupac */
.sekcija.sa-telefonom,
.sekcija.sa-telefonom.medij-lijevo { display: grid !important; grid-template-columns: 1fr 40mm !important; gap: 8mm !important; align-items: center; }
.sekcija.medij-lijevo .atos-telefon { order: 2 !important; }
/* A4 je uži od 900px, pa bi pravilo za telefon (program-details.css) sakrilo
   okvir demoa — u brošuri ga vraćamo, sa snimkom umjesto živog demoa. */
.atos-telefon, .atos-telefon-okvir { display: block !important; }
.atos-telefon-okvir { background: none !important; padding: 0 !important; box-shadow: none !important; border-radius: 0 !important; }
.atos-telefon-okvir img.samo-stampa { width: 100%; height: auto; border-radius: 4mm; }

/* ── kontakt na kraju brošure ── */
.stampa-kontakt {
  break-inside: avoid;
  margin-top: 6mm;
  padding: 5mm 6mm;
  border: 2px solid #0091d5;
  border-radius: 4mm;
  font-size: 10.5pt;
  color: #1f2937;
}
.stampa-kontakt p { margin: 0.8mm 0; }

a { color: inherit !important; text-decoration: none !important; }