/* =============================================
   SLICED PRINT LAYOUT
   Each .print-page = one sheet of paper
   Live tree is hidden during print
============================================= */

/* Hide print container in normal view */
#sliced-print-container {
    display: none;
}

@media print {

    /* Hide all live UI */
    .toolbar,
    .modal-overlay,
    .error-banner,
    .loading-overlay,
    button,
    #level-ruler {
        display: none !important;
    }

    /* Keep company footer visible in print — small micro-badge */
    .company-footer {
        display: block !important;
        position: fixed !important;
        bottom: 8mm !important;
        right: 8mm !important;
        z-index: 9999 !important;
        opacity: 0.7 !important;
    }

    .company-footer a {
        display: flex !important;
        align-items: center !important;
        gap: 4px !important;
        padding: 2px 8px 2px 4px !important;
        background: rgba(255,255,255,0.9) !important;
        border: 1px solid #ccc !important;
        border-radius: 12px !important;
        text-decoration: none !important;
    }

    /* Force all SVG elements inside footer logo to render */
    .company-footer-logo,
    .company-footer-logo *,
    .company-footer svg,
    .company-footer svg * {
        display: inline !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    .company-footer-logo {
        display: block !important;
        height: 18px !important;
        width: auto !important;
        overflow: hidden !important;
        flex-shrink: 0 !important;
    }

    .company-footer-powered {
        font-size: 7px !important;
        letter-spacing: 1.5px !important;
    }

    /* Force SVG lines and circles to render in print */
    .company-footer svg line,
    .company-footer svg circle,
    .company-footer svg text {
        display: inline !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    /* Hide the live OrgChart tree */
    #tree {
        display: none !important;
    }

    /* App footer — hidden on print by default,
       visible only when SuperAdmin enables it */
    .app-footer {
        display: none !important;
    }

    .app-footer.footer-print-visible {
        display: block !important;
        text-align: center;
        font-size: 10pt;
        color: #333;
        padding: 4mm 0 2mm 0;
        direction: rtl;
    }

    body {
        background: white !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* Show the sliced print container */
    #sliced-print-container {
        display: block !important;
    }

    /* Each page fills one sheet */
    .print-page {
        width: 100%;
        height: 100vh;
        page-break-after: always;
        page-break-inside: avoid;
        display: flex;
        flex-direction: column;
        overflow: hidden;
        padding: 4mm;
        box-sizing: border-box;
    }

    /* Last page — no trailing page break */
    .print-page:last-child {
        page-break-after: auto;
    }

    /* Branch label at top of each page */
    .print-page-header {
        font-family: 'Tahoma', Arial, sans-serif;
        font-size: 13pt;
        font-weight: bold;
        text-align: center;
        color: #333;
        padding: 4mm 0 2mm 0;
        border-bottom: 1px solid #ccc;
        margin-bottom: 3mm;
        direction: rtl;
    }

    /* OrgChart host fills remaining page space */
    .print-tree-host {
        flex: 1;
        width: 100%;
        overflow: visible;
    }

    /* SVG fills its host */
    .print-tree-host svg {
        width: 100% !important;
        height: 100% !important;
    }

    /* Ensure Arabic font in print */
    text, div, span, p {
        font-family: 'Tahoma', Arial, sans-serif !important;
    }

    svg text {
        font-size: 11pt !important;
        font-family: 'Tahoma', Arial, sans-serif !important;
        fill: #000000 !important;
    }
}

/* @page rule injected dynamically by executePrintFromModal()
   via the <style id="dynamic-print-style"> tag.
   Default fallback only: */
@page {
    size: A4 landscape;
    margin: 8mm;
}