/* Innstillimappa – PDF template
   All measurements in pt on an A4 page (595.3 × 841.9 pt), taken from the
   Borgarleikhúsið reference documents (60 kíló, Jól á náttfötum, Tóm hamingja). */

@page { size: A4; margin: 0; }

:root {
  --accent: #EE8C00;          /* header band colour – set per show */
  --bullet: #4CC0B0;          /* checklist bullet (teal, as in the originals) */
  --ink: #000;
  --font: Helvetica, Arial, "Liberation Sans", sans-serif;
}

.im-doc { font-family: var(--font); color: var(--ink); -webkit-print-color-adjust: exact; print-color-adjust: exact; }
.im-doc * { box-sizing: border-box; margin: 0; padding: 0; }

.im-page {
  position: relative;
  width: 595.3pt; height: 841.9pt;
  background: #fff;
  overflow: hidden;
  page-break-after: always; break-after: page;
}
.im-page:last-child { page-break-after: auto; break-after: auto; }
@media screen {
  .im-doc { background: #e6e6e6; padding: 24px 0; }
  .im-page { margin: 0 auto 24px; box-shadow: 0 2px 12px rgba(0,0,0,.18); }
}

/* ---------- Page 1 header band ---------- */
.im-band {
  position: absolute; left: 0; top: 0;
  width: 595.3pt; height: 162pt;
  background: var(--accent);
  clip-path: polygon(0 0, 100% 0, 100% 108.5pt, 0 162pt);
}
.im-logo {
  position: absolute; left: 18pt; top: 12pt;
  width: 278pt; height: 122pt;
  display: flex; align-items: center; justify-content: center;
}
.im-logo img { max-width: 100%; max-height: 100%; object-fit: contain; }
.im-logo-text {
  width: 100%;
  color: #fff; font-weight: 700; line-height: 1.05;
  font-size: 34pt; letter-spacing: -.3pt;
  text-align: left; padding-left: 18pt;
  overflow-wrap: anywhere;
}
.im-headtext {
  position: absolute; left: 302pt; top: 0; right: 22pt;
  color: #fff; white-space: nowrap;
}
.im-title {
  position: absolute; top: 21pt;
  font-size: 22pt; line-height: 22pt; font-style: italic; font-weight: 400;
}
.im-meta { position: absolute; top: 52pt; font-size: 13pt; line-height: 16pt; }
.im-meta .im-contact { margin-top: 8pt; }

/* ---------- Pages 2+ ---------- */
.im-corner { position: absolute; left: 36pt; top: 18pt; width: 30.2pt; height: 30.2pt; }

.im-content { position: absolute; left: 0; right: 0; }

.im-pageno {
  position: absolute; left: 0; right: 0; top: 794pt;
  text-align: center; font-size: 10pt; line-height: 12pt;
}

/* ---------- Flow blocks ---------- */
.im-h1 { font-size: 14pt; line-height: 14pt; padding-left: 36pt; font-weight: 400; }
.im-h2 { font-size: 12pt; line-height: 12pt; padding-left: 36pt; font-weight: 400; }
.im-hphotos { font-size: 18pt; line-height: 18pt; padding-left: 36pt; font-weight: 400; }

.im-item { font-size: 10pt; line-height: 14pt; padding-right: 36pt; display: flex; }
.im-item .im-num { flex: none; min-width: 14.2pt; padding-right: 4pt; }
.im-item .im-txt { flex: 1; min-width: 0; }
.im-item.lvl1 { padding-left: 64.3pt; }
.im-item.lvl2 { padding-left: 90pt; }
.im-item.lvl2 .im-num { min-width: 16.4pt; }
.im-note { margin-top: 10pt; }

.im-check { font-size: 10pt; line-height: 14pt; padding-left: 64.3pt; padding-right: 36pt; display: flex; }
.im-check .im-dot { flex: none; width: 18pt; position: relative; }
.im-check .im-dot::before {
  content: ""; position: absolute; left: 0; top: 4.6pt;
  width: 5.6pt; height: 5.6pt; border-radius: 50%;
  border: .75pt solid var(--bullet);
  background: radial-gradient(circle, var(--bullet) 0 1.7pt, #fff 1.8pt);
}
.im-check .im-txt { flex: 1; }

.im-para {
  font-size: 10pt; line-height: 18pt;
  padding-left: 72.3pt; padding-right: 72pt;
  text-align: justify; hyphens: auto;
}

.im-imgrow { display: flex; gap: 6pt; padding: 0 36pt; }
.im-imgrow figure { flex: 1; min-width: 0; }
.im-imgrow img { display: block; width: 100%; object-fit: cover; }

/* fixture photos: two per row, 4:3 */
.im-photorow { display: flex; padding-left: 30.2pt; gap: 20.6pt; }
.im-photo { width: 257.4pt; }
.im-photo .im-cap { font-size: 12pt; line-height: 12pt; padding-left: 4.2pt; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.im-photo .im-frame { position: relative; margin-top: 6pt; width: 257.4pt; height: 193pt; background: #111; overflow: hidden; }
.im-photo .im-frame img { width: 100%; height: 100%; object-fit: cover; display: block; }

/* full-page image (drawings, wiring diagrams) */
.im-fullcap { font-size: 12pt; line-height: 14pt; padding-left: 36pt; padding-right: 36pt; }
.im-fullimg { position: absolute; left: 36pt; right: 36pt; display: flex; align-items: center; justify-content: center; }
.im-fullimg img { max-width: 100%; max-height: 100%; object-fit: contain; }

/* inline emphasis */
.im-doc u { text-underline-offset: 1.5pt; }

/* screenshots / images inside a guide section */
.im-guideimg { padding-left: 72.3pt; padding-right: 72pt; }
.im-guideimg img { display: block; max-width: 100%; object-fit: contain; }