/* V36E-R6N5 public customer + invoice polish */

/* Normal public customer page polish */
@media screen {
    body {
        overflow-x: hidden;
    }

    .customer-card,
    .public-card,
    .invoice-card,
    .delivery-card,
    [class*="customer"],
    [class*="invoice"],
    [class*="delivery"] {
        max-width: 100%;
    }

    a[href*="wa.me"],
    a[href*="whatsapp"],
    .contact-badge,
    .floating-contact,
    [class*="contact"],
    [class*="whatsapp"] {
        max-width: calc(100vw - 28px) !important;
        word-break: break-word;
    }

    @media (min-width: 901px) {
        body.public-customer-polish a[href*="wa.me"],
        body.public-customer-polish a[href*="whatsapp"],
        body.public-customer-polish .contact-badge,
        body.public-customer-polish .floating-contact {
            position: static !important;
            display: inline-flex !important;
            margin: 12px auto 0 !important;
            transform: none !important;
        }
    }

    @media (max-width: 700px) {
        body.public-customer-polish {
            background: #eef5ff !important;
        }

        body.public-customer-polish main,
        body.public-customer-polish .container,
        body.public-customer-polish [class*="container"] {
            width: 100% !important;
            max-width: 100% !important;
            padding-left: 12px !important;
            padding-right: 12px !important;
        }

        body.public-customer-polish .grid,
        body.public-customer-polish [class*="grid"] {
            grid-template-columns: 1fr !important;
        }

        body.public-customer-polish h1,
        body.public-customer-polish h2 {
            font-size: 24px !important;
            line-height: 1.08 !important;
        }

        body.public-customer-polish a,
        body.public-customer-polish button {
            max-width: 100% !important;
        }
    }
}

/* Invoice print one-page polish */
@media print {
    @page {
        size: A4 portrait;
        margin: 7mm !important;
    }

    html,
    body {
        background: #fff !important;
        color: #020617 !important;
        font-family: Arial, Helvetica, sans-serif !important;
        font-size: 10.5px !important;
        line-height: 1.22 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
        -webkit-print-color-adjust: exact !important;
        print-color-adjust: exact !important;
    }

    * {
        box-shadow: none !important;
        text-shadow: none !important;
    }

    nav,
    header,
    aside,
    footer:not(.invoice-footer):not(.ep-print-footer),
    button,
    form,
    .no-print,
    .print-hide,
    .actions,
    .btn,
    a[href*="download"],
    a[href*="program"],
    a[href*="guide"],
    a[href*="whatsapp"],
    a[href*="wa.me"],
    .floating-contact,
    .contact-badge {
        display: none !important;
    }

    main,
    .container,
    .wrapper,
    .page,
    .invoice,
    .invoice-page,
    [class*="container"],
    [class*="wrapper"],
    [class*="invoice"],
    [class*="page"] {
        width: 100% !important;
        max-width: 100% !important;
        min-height: 0 !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
        background: #fff !important;
    }

    section,
    article,
    .card,
    [class*="card"],
    [class*="box"],
    [class*="panel"] {
        page-break-inside: avoid !important;
        break-inside: avoid !important;
        border-radius: 8px !important;
        border-color: #d8e0ea !important;
        padding: 7px 9px !important;
        margin: 0 0 6px 0 !important;
    }

    h1 {
        font-size: 17px !important;
        margin: 0 0 5px 0 !important;
        line-height: 1.05 !important;
    }

    h2,
    h3 {
        font-size: 13px !important;
        margin: 0 0 5px 0 !important;
        line-height: 1.1 !important;
    }

    p,
    div,
    span,
    td,
    th {
        font-size: 10.5px !important;
    }

    table {
        width: 100% !important;
        border-collapse: collapse !important;
        page-break-inside: avoid !important;
    }

    th,
    td {
        padding: 5px 6px !important;
        border-color: #e2e8f0 !important;
    }

    .grid,
    [class*="grid"] {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 6px !important;
    }

    .delivered-code,
    .license-key,
    code,
    pre,
    [class*="key"],
    [class*="code"] {
        font-family: "Courier New", monospace !important;
        font-size: 11px !important;
        font-weight: 900 !important;
        letter-spacing: .03em !important;
        word-break: break-all !important;
        padding: 5px 7px !important;
        min-height: 0 !important;
    }

    .note,
    [class*="note"] {
        font-size: 8.5px !important;
        padding: 5px 7px !important;
        margin-top: 5px !important;
    }

    body::after {
        content: "EasyPrintDz - keys.easyprint-dz.com";
        display: block;
        margin-top: 7px;
        padding-top: 5px;
        border-top: 1px solid #cbd5e1;
        text-align: center;
        color: #64748b;
        font-size: 8px;
        font-weight: 700;
    }
}

/* V36E-R6N6 customer invoice one-page hard fix */
@media print {
    @page {
        size: A4 portrait;
        margin: 4mm !important;
    }

    body.public-customer-polish {
        zoom: 0.78 !important;
        background: #fff !important;
        overflow: visible !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    body.public-customer-polish main,
    body.public-customer-polish .container,
    body.public-customer-polish .wrapper,
    body.public-customer-polish .page,
    body.public-customer-polish .invoice,
    body.public-customer-polish .invoice-page,
    body.public-customer-polish [class*="container"],
    body.public-customer-polish [class*="wrapper"],
    body.public-customer-polish [class*="invoice"],
    body.public-customer-polish [class*="page"] {
        width: 100% !important;
        max-width: 100% !important;
        min-height: 0 !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
    }

    body.public-customer-polish section,
    body.public-customer-polish article,
    body.public-customer-polish .card,
    body.public-customer-polish [class*="card"],
    body.public-customer-polish [class*="box"],
    body.public-customer-polish [class*="panel"] {
        padding: 5px 7px !important;
        margin: 0 0 4px 0 !important;
        border-radius: 6px !important;
        page-break-inside: avoid !important;
        break-inside: avoid !important;
    }

    body.public-customer-polish h1 {
        font-size: 14px !important;
        margin: 0 0 3px 0 !important;
        line-height: 1 !important;
    }

    body.public-customer-polish h2,
    body.public-customer-polish h3 {
        font-size: 10.5px !important;
        margin: 0 0 3px 0 !important;
        line-height: 1.05 !important;
    }

    body.public-customer-polish p,
    body.public-customer-polish div,
    body.public-customer-polish span,
    body.public-customer-polish td,
    body.public-customer-polish th {
        font-size: 8.8px !important;
        line-height: 1.12 !important;
    }

    body.public-customer-polish table {
        margin: 0 !important;
        page-break-inside: avoid !important;
    }

    body.public-customer-polish th,
    body.public-customer-polish td {
        padding: 3px 5px !important;
    }

    body.public-customer-polish .grid,
    body.public-customer-polish [class*="grid"] {
        gap: 4px !important;
    }

    body.public-customer-polish .delivered-code,
    body.public-customer-polish .license-key,
    body.public-customer-polish code,
    body.public-customer-polish pre,
    body.public-customer-polish [class*="key"],
    body.public-customer-polish [class*="code"] {
        font-size: 9px !important;
        padding: 4px 6px !important;
        margin: 0 !important;
        min-height: 0 !important;
        line-height: 1.1 !important;
    }

    body.public-customer-polish .note,
    body.public-customer-polish [class*="note"] {
        font-size: 7px !important;
        padding: 4px 5px !important;
        margin: 3px 0 !important;
    }

    body.public-customer-polish .total,
    body.public-customer-polish [class*="total"],
    body.public-customer-polish [class*="summary"],
    body.public-customer-polish [class*="amount"],
    body.public-customer-polish [class*="delivered"] {
        page-break-before: avoid !important;
        break-before: avoid !important;
        page-break-after: avoid !important;
        break-after: avoid !important;
    }

    body.public-customer-polish body::after,
    body.public-customer-polish::after {
        font-size: 6.5px !important;
        margin-top: 3px !important;
        padding-top: 3px !important;
    }
}