/* ASRI-sheet.print.css */

/* ---- Print layout ---- */

@media print {
    @page {
        size: letter;
        margin: 0;
    }

    :root {
        --asri-color-placeholder: var(--asri-color-white);
        --asri-thin-border-rule: var(--asri-thin-border-print-rule);
        --asri-color-underline: var(--asri-color-white);
    }

    html,
    body {
        padding-bottom: 0;
    }

    .skills-gear-slot,
    .equipment-gear-slot,
    #action-stack,
    .io-modal,
    .options-menu,
    .asri-footer {
        display: none !important;
    }

    body {
        background: var(--asri-color-white);
        margin: 0;
        padding: 0;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }

    .page {
        width: 8.5in;
        height: 11in;
        min-height: 0;
        margin: 0;
        padding: 0.25in 0.5in;
        border-radius: 0;
        box-shadow: none;
        overflow: hidden;
    }

    .page + .page {
        page-break-before: always;
        break-before: page;
    }

    .attrs-skills-section {
        display: flex;
        width: 100%;
        align-items: flex-start;
    }

    .attrs-section {
        flex: 0 0 var(--asri-logo-width);
        width: var(--asri-logo-width);
        min-width: var(--asri-logo-width);
    }

    .skills-points-section {
        padding-left: 0;
    }

    .skills-section {
        display: flex;
        flex: 1 1 0;
        align-items: flex-start;
        margin: 0;
        width: auto;
        min-width: 0;
    }

    /* --- Powers: keep part 1 and 2 adjacent in print --- */
    .powers-section {
        display: flex;
        align-items: flex-start;
        margin: 0;
        width: 100%;
    }

    .powers-row.power-name-empty .power-level,
    .powers-row.power-name-empty .power-score {
        visibility: hidden !important;
    }

    .powers-part-1,
    .powers-part-2 {
        margin: 0;
        min-width: 0;
    }

    .powers-part-2 {
        margin-left: var(--asri-padding-sm);
    }

    .equipment-section {
        display: flex;
        align-items: flex-start;
        width: 100%;
    }

    /* ---- Print footer ---- */

    .print-footer {
        position: absolute;
        left: 0.5in;
        right: 0.5in;
        bottom: 0.3in;
        display: flex;
        align-items: center;
        justify-content: space-between;
        font-family: var(--asri-text-font);
        font-size: var(--asri-text-size-sm);
        color: var(--asri-color-text-info);
        pointer-events: none;
    }

    .print-footer-left,
    .print-footer-right {
        white-space: nowrap;
    }
}