:root{
  --shazar-inv-bg: #ffffff;
  --shazar-inv-text: #222222;
  --shazar-inv-primary: #1e73be;
  --shazar-inv-accent: #ff6b6b;
  --shazar-inv-font: "Tajawal", "Arial", sans-serif;
  --shazar-inv-direction: rtl; /* اجعل ltr عند الحاجة */
}

/* عام */
.generate_invoice_html { background: var(--shazar-inv-bg); color: var(--shazar-inv-text); font-family: var(--shazar-inv-font); direction: var(--shazar-inv-direction); padding:18px; border-radius:500px;}
.shazar-invoice h1, .shazar-invoice h2 { color: var(--shazar-inv-primary); margin:6px 0;}
.shazar-invoice table { width:100%; border-collapse:collapse; margin-top:10px;}
.shazar-invoice table th { background:#f7f7f7; padding:8px; text-align:left;}
.shazar-invoice table td { padding:8px; border-bottom:1px solid #eee; vertical-align:middle;}
.shazar-invoice .total { font-size:1.15em; font-weight:700; color: var(--shazar-inv-accent); }

/* زر المشاركة أو روابط */
.shazar-invoice a { color: var(--shazar-inv-primary); text-decoration:underline; }

/* spinner صغير داخل الفاتورة */
.shazar-invoice .small-spinner { display:inline-block; margin-left:30px; }

/* قابلية التخصيص: استخدم CSS في لوحة التحكم لتغيير هذه المتغيرات */






/* جدول الفواتير - حجم أصغر */
#shzac-user-invoices .shzac-table { font-size: 10px; }
#shzac-user-invoices .shzac-table th,
#shzac-user-invoices .shzac-table td { padding: 6px 8px; line-height: 1.25; }
#shzac-user-invoices .shzac-view-invoice { font-size: 9px; padding: 6px 10px; border-radius: 8px; }

/* موبايل أصغر قليلاً */
@media (max-width: 640px){
  #shzac-user-invoices .shzac-table { font-size: 10px; }
  #shzac-user-invoices .shzac-table th,
  #shzac-user-invoices .shzac-table td { padding: 1px 1px; }
}




html.shz-noscroll { overflow: hidden; }

.shz-modal{ position:fixed; inset:0; display:none; z-index:99999; }
.shz-modal.is-open{ display:block; }

.shz-modal__overlay{ position:absolute; inset:0; background:rgba(0,0,0,0.5); }

.shz-modal__content{
  position:relative; margin:2vh auto; background:#fff; color:#111;
  width:min(96vw, 980px); max-height:96vh; overflow:auto;
  border-radius:14px; box-shadow:0 10px 30px rgba(0,0,0,.25); padding:16px;
}
.os-dark .shz-modal__content,
body.os-dark .shz-modal__content{ background:#111; color:#eee; }

.shz-modal__close{
  position:sticky; top:0; left:auto; right:50;
  font-size:50px; line-height:1; background:transparent; border:0; cursor:pointer;
  padding:8px; margin:-8px -8px 8px 0;
}

.shz-invoice-wrap{ overflow:auto; }

/* حاوية الشورتكود */
.shzar-order-tracking{
  max-width: 860px;
  margin: 24px auto;
  padding: 12px;
  text-align: center; /* ترويس النصوص وسط */
}




/* جدول حالات المستخدم */
.shazar-user-orders{width:100%;border-collapse:collapse}
.shazar-user-orders th,.shazar-user-orders td{
  padding:6px 8px;border-bottom:1px solid #eee;text-align:center
}
.shazar-user-orders th{font-size:7px; font-weight:600; line-height:1.3}
.shazar-user-orders td{font-size:7px; line-height:1.35}
.shazar-user-orders .muted{opacity:.7}

/* شارة الحالة */
.shz-status-badge{display:inline-block; padding:1px 1px; border-radius:6px; font-size:7px}

/* استجابة للموبايل */
@media (max-width:480px){
  .shazar-user-orders th{font-size:10px}
  .shazar-user-orders td,.shz-status-badge{font-size:8px}
}



.shazar-price-wrapper { display:inline-flex; flex-direction:column; align-items:center; line-height:1.15; }
.shazar-price-wrapper .shazar-price-base { text-align:center; }




/* === SHZ Invoice Skin — match Cart/Checkout tokens === */
:root{
  /* أربط توكنز الفاتورة بنفس نظام شازار العام */
  --shazar-inv-bg:    var(--shz-us-bg,   #FFFFFF);
  --shazar-inv-text:  var(--shz-us-text, #084F5D);
  --shazar-inv-primary: var(--shz-btn,        #084F5D);
  --shazar-inv-accent:  var(--shz-btn-active, #B2905F);
}

/* نص عام للفاتورة */
.shazar-invoice{
  color: var(--shazar-inv-text) !important;
  background: var(--shazar-inv-bg) !important;
}

/* عناوين بنفس الذهبي المستخدم في السلة/الإتمام */
.shazar-invoice h1,
.shazar-invoice h2,
.shazar-invoice h3,
.shazar-invoice h4{
  color: var(--shazar-inv-accent) !important;
}

/* جداول وبطاقات بنفس الحواف والحدود */
.shazar-invoice table,
.shazar-invoice .shz-card{
  border:1px solid var(--shz-border, #084F5D) !important;
  border-radius:14px !important;
  background:#fff !important;
  overflow:hidden !important;
}

/* رأس الجدول بخلفية muted مثل السلة */
.shazar-invoice table th{
  background: var(--shz-muted, #F2DBAD) !important;
  text-align: right !important;  /* RTL */
  color: var(--shazar-inv-text) !important;
}

/* أسطر الجدول */
.shazar-invoice table td{
  border-bottom:1px solid rgba(0,0,0,.06) !important;
}

/* أزرار outline بنفس سلوك السلة */
.shazar-invoice a.button,
.shazar-invoice .button,
.shazar-invoice button{
  background:transparent !important;
  color:var(--shz-btn, #084F5D) !important;
  border:2px solid var(--shz-btn, #084F5D) !important;
  border-radius:14px !important;
  box-shadow:none !important;
  padding:10px 16px !important;
  font-weight:700 !important;
  text-decoration:none !important;
  transition:all .15s ease-in-out !important;
}
.shazar-invoice a.button:hover,
.shazar-invoice .button:hover,
.shazar-invoice button:hover{
  color:var(--shz-btn-active, #B2905F) !important;
  border-color:var(--shz-btn-active, #B2905F) !important;
}



/* === SHZ Invoice Skin — match Cart/Checkout tokens === */
:root{
  /* أربط توكنز الفاتورة بنفس نظام شازار العام */
  --shazar-inv-bg:    var(--shz-us-bg,   #FFFFFF);
  --shazar-inv-text:  var(--shz-us-text, #084F5D);
  --shazar-inv-primary: var(--shz-btn,        #084F5D);
  --shazar-inv-accent:  var(--shz-btn-active, #B2905F);
}

/* نص عام للفاتورة */
.shazar-invoice{
  color: var(--shazar-inv-text) !important;
  background: var(--shazar-inv-bg) !important;
}

/* عناوين بنفس الذهبي المستخدم في السلة/الإتمام */
.shazar-invoice h1,
.shazar-invoice h2,
.shazar-invoice h3,
.shazar-invoice h4{
  color: var(--shazar-inv-accent) !important;
}

/* جداول وبطاقات بنفس الحواف والحدود */
.shazar-invoice table,
.shazar-invoice .shz-card{
  border:1px solid var(--shz-border, #084F5D) !important;
  border-radius:14px !important;
  background:#fff !important;
  overflow:hidden !important;
}

/* رأس الجدول بخلفية muted مثل السلة */
.shazar-invoice table th{
  background: var(--shz-muted, #F2DBAD) !important;
  text-align: right !important;  /* RTL */
  color: var(--shazar-inv-text) !important;
}

/* أسطر الجدول */
.shazar-invoice table td{
  border-bottom:1px solid rgba(0,0,0,.06) !important;
}

/* أزرار outline بنفس سلوك السلة */
.shazar-invoice a.button,
.shazar-invoice .button,
.shazar-invoice button{
  background:transparent !important;
  color:var(--shz-btn, #084F5D) !important;
  border:2px solid var(--shz-btn, #084F5D) !important;
  border-radius:14px !important;
  box-shadow:none !important;
  padding:10px 16px !important;
  font-weight:700 !important;
  text-decoration:none !important;
  transition:all .15s ease-in-out !important;
}
.shazar-invoice a.button:hover,
.shazar-invoice .button:hover,
.shazar-invoice button:hover{
  color:var(--shz-btn-active, #B2905F) !important;
  border-color:var(--shz-btn-active, #B2905F) !important;
}