/* ========================================
   ملف التحكم في طباعة رقم الشحن والباركود
   Waybill Number & QR Code Print Control
   ======================================== */

/* 
   هذا الملف يتحكم في طباعة رقم الشحن والباركود فقط
   عند الضغط على زر "طباعة Waybill No & QR Code"
   
   This file controls the printing of waybill number and QR code only
   when clicking the "Print Waybill No & QR Code" button
*/

@media print {

    /* إخفاء كل العناصر في وضع الطباعة الخاص */
    /* Hide all elements in special print mode */
    body.print-qr-only * {
        visibility: hidden !important;
        border: none !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    /* إظهار رقم الشحن والباركود فقط */
    /* Show only waybill number and QR code */
    body.print-qr-only #waybill-number-print,
    body.print-qr-only #waybill-qr-print {
        visibility: visible !important;
    }


    /* ========================================
     التحكم في رقم الشحن
     Waybill Number Controls
     ======================================== */

    body.print-qr-only #waybill-number-print {
        /* حجم الخط - Font Size */
        font-size: 9px !important;

        /* سُمك الخط - Font Weight */
        /* القيم المتاحة: normal, bold, bolder, 100-900 */
        font-weight: bold !important;

        /* المسافة من الأسفل - Bottom Margin */
        /* قلل هذا الرقم لتقريب الباركود من رقم الشحن */
        margin-bottom: 1px !important;

        /* لون النص - Text Color (اختياري) */
        /* color: black !important; */
    }


    /* ========================================
     التحكم في الباركود
     QR Code / Barcode Controls
     ======================================== */

    body.print-qr-only #waybill-qr-print {
        /* ارتفاع الباركود - Barcode Height */
        height: 28px !important;

        /* عرض الباركود - Barcode Width */
        width: 200px !important;
    }


    /* ========================================
     التحكم في الموضع (تحريك العناصر)
     Position Control (Move Elements)
     ======================================== */

    body.print-qr-only #waybill-number-print,
    body.print-qr-only #waybill-qr-print {
        /* 
       يمكنك إضافة أي من هذه الخصائص للتحريك:
       You can add any of these properties to move elements:
       
       margin-top: 10px;      للتحريك لأسفل (Move Down)
       margin-bottom: 10px;   للتحريك لأعلى (Move Up)
       margin-right: 20px;    للتحريك لليسار (Move Left)
       margin-left: 20px;     للتحريك لليمين (Move Right)
       
       يمكنك استخدام وحدات مختلفة:
       You can use different units:
       - px (بكسل - pixels)
       - mm (ميليمتر - millimeters)
       - cm (سنتيمتر - centimeters)
       
       مثال - Example:
       margin-top: 5mm;
       margin-right: 10mm;
    */
    }


    /* ========================================
     أمثلة للتعديلات الشائعة
     Common Modification Examples
     ======================================== */

    /*
  مثال 1: تكبير رقم الشحن
  Example 1: Larger waybill number
  
  body.print-qr-only #waybill-number-print {
    font-size: 14px !important;
  }
  */

    /*   
  مثال 2: تكبير الباركود
  Example 2: Larger barcode
   */
    body.print-qr-only #waybill-qr-print {
        height: 80x !important;
        width: 150px !important;
    }


    /*     
  مثال 3: تحريك العناصر لأسفل
  Example 3: Move elements down 
  
  استخدم نفس القيمة للعنصرين لتجنب المسافة الكبيرة بينهما
  Use the same value for both elements to avoid large gap between them
  */

    /*     
  مثال 3: تحريك العناصر لأسفل
  Example 3: Move elements down 
  
  حرك الرقم لأسفل (سيتحرك الباركود معه تلقائياً لأنه تحته)
  Move the number down (Barcode will follow automatically)
  */

    body.print-qr-only #waybill-number-print {
        margin-top: 7.3mm !important;
    }

    body.print-qr-only #waybill-qr-print {
        margin-top: 0mm !important;
        /* لا مسافة إضافية للباركود - No extra margin */
    }

    /* 
    
  مثال 4: تحريك العناصر لليسار 10mm
  Example 4: Move elements left 10mm
  */
    /* body.print-qr-only #waybill-number-print,
    body.print-qr-only #waybill-qr-print {
        margin-right: 10mm;
        margin-top: 7mm;
    } */

}