/* ===========================================================================
   أنماط الطباعة لصفحات الفواتير وعروض الأسعار.

   المشكلة: قواعد الطباعة في main.css مكتوبة كلها بالصيغة
   `.main-section .invoice-section .invoice-in-print ...` بينما قالب لوحة
   التحكم الحالي (layouts/admin.blade.php) لا يحتوي على `.main-section` إطلاقاً،
   فلا تُطبَّق أي منها. النتيجة: عرض الورقة (‏A4 ≈ 794px) أقل من نقطة توقّف
   Bootstrap‏ lg (992px)، فتنهار أعمدة `col-lg-*` إلى عرض كامل وتتكدّس رأسياً،
   ويظهر الجزء العلوي (بيانات العميل / الشعار / بيانات المنشأة) مختلفاً تماماً
   عمّا يراه المستخدم في المتصفح.

   الحل هنا: إعادة تفعيل سلوك نقطة lg داخل منطقة الطباعة فقط، وإلغاء هوامش
   الشل (الشريط الجانبي والعلوي) المخفيّة أصلاً عند الطباعة.
   =========================================================================== */

@media print {

    /* الشل مخفي عند الطباعة، لكن هوامشه كانت تبقى فتزيح المحتوى وتضيّقه */
    #app-shell {
        display: none !important;
    }

    .app-content {
        padding-top: 0 !important;
        padding-inline-start: 0 !important;
        padding-inline-end: 0 !important;
    }

    .app-content .container-content {
        padding-block: 0 !important;
        padding-inline: 0 !important;
    }

    /* ---- استعادة تخطيط الأعمدة كما يظهر في المتصفح على الشاشات الكبيرة ---- */
    .invoice-section .invoice-in-print [class*="col-lg-"],
    .invoice-section .invoice-in-print [class*="col-md-"] {
        flex: 0 0 auto;
    }

    .invoice-section .invoice-in-print .col-lg-2 {
        width: 16.6666666667%;
    }

    .invoice-section .invoice-in-print .col-lg-4 {
        width: 33.3333333333%;
    }

    .invoice-section .invoice-in-print .col-lg-5 {
        width: 41.6666666667%;
    }

    .invoice-section .invoice-in-print .col-lg-8 {
        width: 66.6666666667%;
    }

    .invoice-section .invoice-in-print .col-lg-12 {
        width: 100%;
    }

    .invoice-section .invoice-in-print .col-md-4 {
        width: 33.3333333333%;
    }

    .invoice-section .invoice-in-print .col-md-6 {
        width: 50%;
    }

    .invoice-section .invoice-in-print .col-md-8 {
        width: 66.6666666667%;
    }

    .invoice-section .invoice-in-print .col-md-12 {
        width: 100%;
    }

    /* أدوات flex الخاصة بنقطة lg مستعملة داخل بطاقات الرأس */
    .invoice-section .invoice-in-print .flex-lg-row {
        flex-direction: row !important;
    }

    .invoice-section .invoice-in-print .align-items-lg-center {
        align-items: center !important;
    }

    .invoice-section .invoice-in-print .justify-content-md-between {
        justify-content: space-between !important;
    }

    /* ---- ضبط الشعار وعنوان الرأس ---- */
    .invoice-section .invoice-in-print .logo {
        text-align: center !important;
    }

    /* الشعار 100px على الشاشة، وهو كبير على عمود بعرض ~120px في ورقة A4 */
    .invoice-section .invoice-in-print .logo .logo-img {
        width: 60px !important;
        max-width: 100%;
        height: auto;
    }

    .invoice-section .invoice-in-print .title-info {
        text-align: center !important;
        font-size: 16px !important;
    }

    /* تصغير نصوص بطاقة الرأس فقط حتى تتّسع الأعمدة الثلاثة على الورق.
       جداول الأصناف والإجماليات لها مقاساتها الخاصة في main.css ولا تتأثر. */
    .invoice-section .invoice-in-print .client-info .title,
    .invoice-section .invoice-in-print .company-info .title {
        font-size: 13px !important;
    }

    .invoice-section .invoice-in-print .client-info p,
    .invoice-section .invoice-in-print .client-info p span,
    .invoice-section .invoice-in-print .company-info p,
    .invoice-section .invoice-in-print .company-info p span {
        font-size: 11px !important;
        line-height: 1.5;
        margin-bottom: 2px !important;
    }

    /* المسافة بين العمودين الفرعيين داخل بيانات العميل */
    .invoice-section .invoice-in-print .company-info .gap-3,
    .invoice-section .invoice-in-print .client-info .gap-3 {
        gap: 0.5rem !important;
    }

    /* الجداول لا تُمرَّر أفقياً على الورق */
    .invoice-section .invoice-in-print .table-responsive {
        overflow: visible !important;
    }

    /* منع قصّ بطاقة الرأس أو الجداول بين صفحتين */
    .invoice-section .invoice-in-print .row.np,
    .invoice-section .invoice-in-print .dataInvoice-holder,
    .invoice-section .invoice-in-print table {
        page-break-inside: avoid;
        break-inside: avoid;
    }

    /* طباعة الخلفيات والألوان كما تظهر على الشاشة (رؤوس الجداول الزرقاء) */
    .invoice-section .invoice-in-print * {
        -webkit-print-color-adjust: exact !important;
        print-color-adjust: exact !important;
    }
}