/*
 * HoFi Billard
 * Skomager Classic print v1.0
 *
 * Designfamilie: Hold Classic / Par-stafet Classic.
 * En A4-side pr. aktuelt gemt spilledag.
 */

.skomager-classic-shell {
    max-width: 940px;
}

.skomager-classic-toolbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 18px;
}

.skomager-classic-page {
    position: relative;

    width: 210mm;
    min-height: 297mm;

    margin: 0 auto 24px;
    padding: 10mm 14mm 8mm;

    box-sizing: border-box;

    background: #fff;
    color: #111;

    font-family: Arial, Helvetica, sans-serif;

    box-shadow: 0 8px 30px rgba(0,0,0,.25);
}

.skomager-classic-page h1 {
    margin: 0 0 7mm;

    text-align: center;

    color: #111;

    font-size: 19pt;
    line-height: 1.05;
    font-weight: 700;
}

.skomager-classic-day-heading {
    display: grid;
    grid-template-columns:
        23mm
        minmax(0, 1fr)
        auto;

    align-items: baseline;
    gap: 4mm;

    margin-bottom: 4mm;

    color: #111;

    font-size: 10pt;
}

.skomager-classic-day-heading strong {
    font-size: 11pt;
}

.skomager-classic-matches {
    width: 100%;

    border-collapse: collapse;
    table-layout: fixed;

    color: #111;
}

.skomager-classic-matches th,
.skomager-classic-matches td {
    padding: .75mm 1mm;

    border: 0;

    font-size: 10pt;
    line-height: 1.12;

    text-align: left;
    vertical-align: middle;
}

.skomager-classic-matches th {
    font-weight: 700;
}

.skomager-classic-matches .sc-match {
    width: 14mm;

    color: #f00;

    text-align: center;
}

.skomager-classic-matches .sc-table {
    width: 13mm;

    text-align: center;
}

.skomager-classic-matches .sc-player {
    width: 66mm;
}

.skomager-classic-matches .sc-vs {
    width: 13mm;

    text-align: center;
}


.sc-match-no {
    color: #f00;

    font-weight: 700;
    text-align: center !important;
}

.sc-table-no,
.sc-versus {
    text-align: center !important;
}

.sc-player-name {
    white-space: nowrap;
}


.skomager-classic-bottom {
    position: absolute;

    left: 14mm;
    right: 14mm;
    bottom: 8mm;
}

.skomager-classic-notes {
    margin-bottom: 4mm;

    color: #111;

    font-size: 9.5pt;
    line-height: 1.3;
}

.skomager-classic-notes strong {
    display: block;
    margin-bottom: 1mm;
}

.skomager-classic-players {
    display: grid;
    grid-template-columns: 23mm minmax(0, 1fr);
    gap: 2mm;

    margin-bottom: 4mm;

    color: #111;

    font-size: 9pt;
}

.skomager-classic-player-grid {
    display: grid;
    grid-template-columns:
        repeat(4, minmax(0, 1fr));

    gap: 1mm 4mm;
}

.skomager-classic-player-grid span {
    white-space: nowrap;
}

.skomager-classic-info {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 4mm 9mm;

    margin-bottom: 5mm;

    color: #444;

    font-size: 8.5pt;
}

.skomager-classic-reminder {
    color: #f00;

    text-align: center;

    font-size: 15pt;
    line-height: 1.1;
    font-weight: 700;
}

.skomager-classic-empty {
    padding: 40px;
    text-align: center;
}


/* ============================================================
   PRINT
   ============================================================ */

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

@media print {

    html,
    body {
        margin: 0 !important;
        padding: 0 !important;

        background: #fff !important;
    }

    .site-header,
    .site-menu,
    .main-nav,
    .site-footer,
    .no-print {
        display: none !important;
    }

    main,
    .container,
    .skomager-classic-shell {
        width: auto !important;
        max-width: none !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    .skomager-classic-page {
        width: 210mm !important;
        height: 297mm !important;
        min-height: 297mm !important;

        margin: 0 !important;
        padding: 10mm 14mm 8mm !important;

        box-shadow: none !important;

        break-after: page;
        page-break-after: always;
    }

    .skomager-classic-page:last-child {
        break-after: auto;
        page-break-after: auto;
    }

    .skomager-classic-matches {
        background: #fff !important;
    }

    .skomager-classic-matches th,
    .skomager-classic-matches td {
        color: #111 !important;
    }

    .sc-match-no,
    .skomager-classic-matches .sc-match,
    .skomager-classic-reminder {
        color: #f00 !important;

        -webkit-print-color-adjust: exact !important;
        print-color-adjust: exact !important;
    }

}


/* ============================================================
   v2.0 - større klassisk Skomager-udskrift
   Udnytter den store ledige plads på A4-siden bedre.
   ============================================================ */

.skomager-classic-page h1{
    font-size:21pt;
    margin-bottom:9mm;
}

.skomager-classic-day-heading{
    font-size:11pt;
    margin-bottom:5mm;
    gap:5mm;
}

.skomager-classic-day-heading strong{
    font-size:12pt;
}

.skomager-classic-matches th,
.skomager-classic-matches td{
    padding:1.05mm 1.2mm;
    font-size:11.2pt;
    line-height:1.18;
}

.skomager-classic-matches .sc-match{
    width:16mm;
}

.skomager-classic-matches .sc-table{
    width:15mm;
}

.skomager-classic-matches .sc-player{
    width:65mm;
}

.skomager-classic-matches .sc-vs{
    width:14mm;
}

.skomager-classic-bottom{
    bottom:10mm;
}

.skomager-classic-notes{
    margin-bottom:5mm;
    font-size:10.5pt;
    line-height:1.38;
}

.skomager-classic-players{
    grid-template-columns:25mm minmax(0,1fr);
    gap:3mm;
    margin-bottom:5mm;
    font-size:10pt;
}

.skomager-classic-player-grid{
    gap:1.5mm 5mm;
}

.skomager-classic-info{
    gap:5mm 10mm;
    margin-bottom:6mm;
    font-size:9.5pt;
}

.skomager-classic-reminder{
    font-size:16pt;
}