/* ================================================= */
/* [PERBAIKAN] CSS untuk QR Code Label 100x80mm      */
/* Kompatibel Printer Blueprint / Thermal            */
/* ================================================= */

/* --- Tampilan di layar (Modal Preview) --- */
#qr-label-content {
    display: flex;
    align-items: center;
    font-family: Arial, sans-serif;
    /* Garis putus-putus hanya panduan di layar */
    border: 1px dashed #aaa;
    padding: 5px;
    box-sizing: border-box;
    /* 100mm ≈ 378px, 80mm ≈ 302px */
    width: 378px;            /* tetap 100mm */
    height: 302px;           /* was 181px (48mm) -> now 80mm */
    margin: 0 auto;
}
#qr-label-content .qr-code-box{
  position: relative;
  width: var(--qr-size);
  height: var(--qr-size);
  margin-right: 5mm;                 /* atau 15px untuk screen */
  display: block;
  flex: 0 0 var(--qr-size);
}

#qr-label-content .qr-code-box .qr-canvas,
#qr-label-content .qr-code-box img,
#qr-label-content .qr-code-box canvas{
  width: 100%;
  height: 100%;
  display: block;
  margin: 0;
}
#qr-label-content .qr-code-box .qr-caption{
  position: absolute;
  top: calc(var(--qr-size) + 10mm);   /* jarak 5mm dari bawah QR */
  left: 0;
  width: 100%;
  text-align: center;
  font-size: 11px;
  line-height: 1.2;
}
#qr-label-content .product-details{
  display: flex;
  flex-direction: column;
  justify-content: center;           /* <— kunci center vertikal */
  height: var(--qr-size);            /* <— samakan dengan tinggi QR */
  min-width: 0;
}
#qr-label-content .product-details .brand {
    font-size: 27px;
    font-weight: bold;
    margin: 0;
}
#qr-label-content .product-details .name {
    font-size: 15px;
    margin: 0;
}
#qr-label-content .product-details .sku {
    font-size: 14px;
    font-family: 'Courier New', Courier, monospace;
    margin: 5px 0;
}
#qr-label-content .product-details .website {
    font-size: 12px;
    color: #333;
    margin: 0;
}

/* Styling label (ukuran fisik) */
#qr-label-content {
    width: 100mm;            /* tetap 100mm */
    height: 80mm;            /* was 48mm -> now 80mm */
    display: flex;
    align-items: center;
    padding: 5mm;
    box-sizing: border-box;
    font-family: Arial, sans-serif;
    font-size: 11px;
    border: 1px dashed #999; /* opsional, hanya panduan potong */
}

/* Print mode */
@media print {
    body { margin: 0; padding: 0; }

    body * { visibility: hidden !important; }

    #qr-label-content, #qr-label-content * {
        visibility: visible !important;
    }

    #qr-label-content {
        position: fixed;
        top: 0;
        left: 0;
    }

    @page {
        size: 100mm 80mm;    /* <- kunci ukuran kertas baru */
        margin: 0;
    }
}