/* A4-es, kinyomtatható lapok közös stílusa (hír-hirdetmény, beköltözői lap).
   Szándékosan nem Tailwind: a Play-változat JS-ből generálja a stílusokat, és ha a
   böngésző a szkript lefutása előtt nyomtat, csupasz HTML kerülne a papírra. */

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

* { box-sizing: border-box; }

body {
  margin: 0;
  background: #e9e7e0;
  color: #2b2b28;
  font-family: 'Public Sans', system-ui, -apple-system, 'Segoe UI', Arial, sans-serif;
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
}

/* Vezérlősáv – csak képernyőn */
.sav { background: #263a32; padding: 14px 20px; display: flex; gap: 14px; align-items: center; flex-wrap: wrap; }
.sav p { color: #cfd9cb; margin: 0 auto 0 0; font-size: 15px; }
.sav a, .sav button {
  font: inherit; font-size: 16px; font-weight: 700; border: 0; border-radius: 10px;
  padding: 12px 20px; cursor: pointer; text-decoration: none; display: inline-block;
}
.sav button { background: #ffffff; color: #263a32; }
.sav a { background: transparent; color: #dfe6da; text-decoration: underline; text-underline-offset: 4px; }

/* A lap – képernyőn A4-et imitál, nyomtatásban a @page margó adja a keretet */
.lap {
  width: 210mm; min-height: 297mm; padding: 14mm; margin: 24px auto;
  background: #fff; box-shadow: 0 10px 30px rgba(38,58,50,.18);
  display: flex; flex-direction: column;
}

.fejlec { display: flex; align-items: center; gap: 8pt; border-bottom: 2.5pt solid #3f6b5a; padding-bottom: 6pt; margin-bottom: 12pt; }
.fejlec img { width: 9mm; height: 9mm; flex-shrink: 0; }
.fejlec strong { font-size: 15pt; color: #22331d; letter-spacing: .2pt; }
.fejlec span { font-size: 10pt; color: #6b6a60; margin-left: auto; }

.cimke { display: inline-block; font-size: 10pt; font-weight: 800; padding: 3pt 9pt; border-radius: 999px; }
.datum { font-size: 11pt; color: #6b6a60; font-weight: 600; margin-left: 8pt; }

h1 { font-size: 30pt; line-height: 1.15; color: #22331d; margin: 10pt 0 0; letter-spacing: -.4pt; }

.lead {
  font-size: 14pt; line-height: 1.45; font-weight: 600; color: #33463a;
  background: #eef1e9; border-left: 4pt solid #3f6b5a; padding: 9pt 12pt; margin: 14pt 0 16pt;
}

.torzs p  { font-size: 11.5pt; line-height: 1.5; color: #3c3b31; margin: 0 0 8pt; }
.torzs h2 { font-size: 14pt; color: #22331d; margin: 14pt 0 6pt; }
.torzs ul { margin: 0 0 10pt; padding-left: 16pt; }
.torzs li { font-size: 11.5pt; line-height: 1.45; color: #3c3b31; margin-bottom: 4pt; }
/* Félkövér bekezdés a szövegfolyamon belül – a 'b' blokk párja (lásd hir.php hir_szoveg). */
.torzs .eros { font-weight: 700; color: #22331d; }
.torzs .kiemelt {
  font-size: 12pt; font-weight: 700; color: #22331d;
  background: #f0e9d8; border: 1pt solid #ddd0ae; border-radius: 4pt; padding: 8pt 11pt; margin: 10pt 0;
}

/* Kipipálható teendőlista – kinyomtatva tollal jelölhető */
.pipa { list-style: none; margin: 0 0 10pt; padding: 0; }
.pipa li { position: relative; padding-left: 20pt; margin-bottom: 7pt; font-size: 11.5pt; line-height: 1.45; color: #3c3b31; }
.pipa li::before {
  content: ''; position: absolute; left: 0; top: 1.5pt;
  width: 11pt; height: 11pt; border: 1.2pt solid #7d8a72; border-radius: 2pt;
}
.pipa strong { color: #22331d; }

/* Két hasábra tördelt adatblokk (telefonszámok) */
.oszlopok { display: flex; gap: 14pt; margin: 0 0 10pt; }
.oszlopok > div { flex: 1; background: #f6f4ec; border: 1pt solid #e2ddcd; border-radius: 4pt; padding: 8pt 11pt; }
.oszlopok h3 { font-size: 10.5pt; color: #22331d; margin: 0 0 5pt; text-transform: uppercase; letter-spacing: .3pt; }
.oszlopok p { font-size: 11pt; line-height: 1.4; color: #3c3b31; margin: 0 0 3pt; }
.oszlopok b { color: #2f5d4f; }

/* Lábrész: QR + rövid útmutató, a lap aljára tolva */
.lablec { margin-top: auto; padding-top: 12pt; border-top: 1pt solid #d9d4c6; display: flex; gap: 14pt; align-items: flex-start; }
.qr { flex-shrink: 0; border: 1pt solid #d9d4c6; padding: 3pt; background: #fff; }
.qr svg { width: 32mm; height: 32mm; display: block; }
.lablec-szoveg { flex: 1; }
.lablec-szoveg strong { display: block; font-size: 12.5pt; color: #22331d; margin-bottom: 3pt; }
.lablec-szoveg .url { font-size: 12pt; font-weight: 700; color: #2f5d4f; word-break: break-all; margin: 0 0 6pt; }
.lablec-szoveg p { font-size: 9.5pt; line-height: 1.4; color: #6b6a60; margin: 0 0 4pt; }

@media print {
  body { background: #fff; }
  .sav { display: none; }
  .lap { width: auto; min-height: 250mm; padding: 0; margin: 0; box-shadow: none; }
}