/* A4-berloth.net.css — Print stylesheet for PMC.info concept document */
/* Based on BERLOTH.NET invoice design, adapted for flowing A4 documents  */

@import url('https://fonts.googleapis.com/css2?family=Cabin&family=Andika&family=Droid+Sans:wght@400;700&display=swap');

/* ── Page setup ─────────────────────────────────────────────────────── */

@page {
    size: A4 portrait;
    margin: 1.5cm 2cm 2cm 2cm;

    @bottom-left   { content: "BERLOTH.NET"; font-size: 7pt; font-family: Cabin, Verdana, sans-serif; vertical-align: top; }
    @bottom-center { content: counter(page); font-size: 7pt; font-family: Cabin, Verdana, sans-serif; vertical-align: top; }
}

@page :first {
    margin-top: 1.5cm;

    @bottom-left   { content: "BERLOTH.NET\A KvK 060740280000\A IBAN: NL38INGB0000000403\A Btw: NL001719197B61"; white-space: pre; font-size: 6.5pt; font-family: Cabin, Verdana, sans-serif; vertical-align: top; }
    @bottom-center { content: ""; }
}

/* ── Body ───────────────────────────────────────────────────────────── */

body {
    font-family: 'Droid Sans', Cabin, 'Frutiger 55', Verdana, sans-serif;
    font-size: 9pt;
    line-height: 150%;
    color: #000;
    max-width: none;
    margin: 0;
    padding: 0;
    background: #fff;
}

/* ── Hide screen-only elements ──────────────────────────────────────── */

script, .toc, #print-toggle {
    display: none;
}

/* ── Print header (first page TL + TR) ─────────────────────────────── */

.print-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    border-bottom: 0.5pt solid #ccc;
    padding-bottom: 0.4cm;
    margin-bottom: 0.6cm;
}

.print-header img {
    height: 2cm;
}

.print-header .print-address {
    font-size: 7.5pt;
    line-height: 140%;
    text-align: right;
    color: #000;
}

/* ── Print footer: icons BR — fixed, appears on all pages ──────────── */

.print-footer {
    position: fixed;
    bottom: -0.7cm;
    right: 0;
    display: flex;
    align-items: center;
}

.print-footer img {
    height: 1.2cm;
    width: auto;
}

/* ── Typography ─────────────────────────────────────────────────────── */

h1 {
    font-family: 'Andika', Cabin, Verdana, sans-serif;
    font-size: 18pt;
    font-weight: normal;
    text-align: center;
    margin-bottom: 4pt;
}

h2 {
    font-family: 'Andika', Cabin, Verdana, sans-serif;
    font-size: 13pt;
    font-weight: normal;
    border-bottom: 0.5pt solid #aaa;
    padding-bottom: 2pt;
    margin-top: 18pt;
    page-break-after: avoid;
    page-break-before: always;
}

h2:first-of-type {
    page-break-before: avoid;
}

h3 {
    font-size: 10pt;
    font-weight: bold;
    margin-top: 12pt;
    page-break-after: avoid;
}

h4 {
    font-size: 9pt;
    font-weight: bold;
    margin-top: 8pt;
    page-break-after: avoid;
}

p, li {
    font-size: 9pt;
    line-height: 150%;
    orphans: 3;
    widows: 3;
}

.meta {
    font-size: 7.5pt;
    color: #555;
    text-align: center;
}

.promise {
    border: 0.5pt solid #888;
    padding: 8pt 10pt;
    margin: 8pt 0;
}

.chapter-label {
    font-size: 7pt;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #888;
    display: block;
}

.placeholder {
    display: none;
}

/* ── Tables ─────────────────────────────────────────────────────────── */

table {
    width: 100%;
    border-collapse: collapse;
    font-size: 8.5pt;
    page-break-inside: avoid;
}

table.attention {
    border: 1pt solid #888;
}

td {
    border: 0.5pt solid #aaa;
    padding: 5pt 7pt;
    vertical-align: top;
}

td.header {
    background: #eee !important;
    font-weight: bold;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
}

/* ── Cover image ────────────────────────────────────────────────────── */

img.cover {
    display: block;
    width: 4cm;
    margin: 0 auto;
    page-break-after: always;
}