/* =====================================================================
   ستيكرات الطباعة — المقاسات بالمليمتر عشان تطلع من الطابعة بحجمها الحقيقي
   • ستيكر الغطا:    دائري قطر 50 مم
   • ستيكر البرطمان: شريط 220 × 60 مم يلف حوالين الجرّة
   غيّر المقاسات من المتغيّرات دي لو جرّتك مقاس تاني.
   ===================================================================== */
:root{
  --lid-size: 50mm;
  --wrap-w: 220mm;
  --wrap-h: 60mm;
}

.label{
  background:#FBF3E1;
  color:#3A2411;
  font-family:'Cairo', sans-serif;
  box-sizing:border-box;
  position:relative;
  overflow:hidden;
}
.label *{ box-sizing:border-box; }
/* الستيكر لازم يبان صح حتى في نافذة الطباعة اللي مالهاش reset */
.label p{ margin:0; }
.label .lb-brand{
  font-family:'Zain','Cairo',sans-serif; font-weight:800;
  line-height:1.1; color:#3A2411;
}
.label .lb-cta{ color:#8A5308; font-weight:600; }
.label .lb-code{
  font-family: ui-monospace, Menlo, monospace;
  color:#6E5237; letter-spacing:.4px;
}
/* رابط الموقع — اللي مش هيمسح الكود يقدر يكتبه بإيده */
.label .lb-site{
  color:#8A5308; font-weight:700; letter-spacing:.2px; line-height:1.2;
}
.label .lb-cta, .label .lb-code{ line-height:1.25; }
.label canvas,
.label .lb-qr img{ display:block; }

/* ---------- ستيكر الغطا (دائري) ---------- */
.label-lid{
  width: var(--lid-size); height: var(--lid-size);
  border-radius:50%;
  border: 1.2mm solid #C97C0C;
  display:flex; align-items:center; justify-content:center;
  padding: 3mm;
}
.label-lid .lid-inner{ text-align:center; width:100%; }
.label-lid .lb-brand{ font-size: 4.2mm; margin-bottom: .8mm; }
.label-lid .lb-qr{ display:flex; justify-content:center; }
.label-lid canvas, .label-lid .lb-qr img{ width: 20.5mm; height: 20.5mm; }
.label-lid .lb-cta{ font-size: 2.3mm; margin-top: .9mm; }
.label-lid .lb-site{ font-size: 2.6mm; display:block; margin-top: .7mm; }
.label-lid .lb-code{ font-size: 1.8mm; display:block; margin-top: .3mm; }

/* ---------- ستيكر البرطمان (شريط) ---------- */
.label-wrap{
  width: var(--wrap-w); height: var(--wrap-h);
  border-radius: 2mm;
  border: .8mm solid #C97C0C;
  display:flex; align-items:stretch;
  padding: 5mm 7mm;
  gap: 6mm;
}
.label-wrap .wrap-main{
  flex:1; display:flex; flex-direction:column; justify-content:center;
  border-inline-end: .4mm dashed rgba(58,36,17,.28);
  padding-inline-end: 6mm;
}
.label-wrap .lb-brand{ font-size: 11mm; }
.label-wrap .lb-sub{ font-size: 4.4mm; color:#6E5237; margin-top: 1.5mm; font-weight:600; }
.label-wrap .lb-meta{ font-size: 3.6mm; color:#8A5308; margin-top: 1mm; }
.label-wrap .wrap-qr{
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  flex:0 0 auto; margin-bottom: 4.5mm;
}
.label-wrap canvas, .label-wrap .lb-qr img{ width: 32mm; height: 32mm; }
.label-wrap .wrap-qr .lb-cta{ font-size: 2.9mm; margin-top: 1.5mm; text-align:center; max-width: 36mm; }
.label-wrap .wrap-qr .lb-site{ font-size: 3mm; margin-top: .8mm; text-align:center; }
/* ملاحظة: بنستخدم right/left صريحة مش inset-inline-*،
   لأن العنصرين عليهم dir="ltr" فالاتجاه المنطقي بينقلب. */
.label-wrap .wrap-brand{
  position:absolute; bottom: 2.4mm; right: 7mm;
  font-size: 2.6mm; color:#B08A55; letter-spacing:.3px; line-height:1.2;
}
.label-wrap .lb-code{
  position:absolute; bottom: 2.4mm; left: 7mm;
  font-size: 2.6mm; line-height:1.2;
}

/* ---------- صفحة الطباعة ---------- */
@media print{
  @page{ margin: 8mm; }
  body{ background:#fff !important; }
  .no-print{ display:none !important; }
  .label{ break-inside: avoid; page-break-inside: avoid; }
}
.print-sheet{
  display:flex; flex-wrap:wrap; gap: 4mm;
  align-content:flex-start;
}