/* Add custom CSS styles below */ 
/* === Raed Authorized Distributor Badge === */
:root{
  --raed-badge-bg:#fff;
  --raed-badge-border:rgba(0,0,0,.08);
}

#raed-badge{
  display:inline-flex; align-items:center; gap:.5rem;
  padding:.35rem .6rem;
  border:1px solid var(--raed-badge-border);
  border-radius:999px;
  background:var(--raed-badge-bg);
  box-shadow:0 2px 8px rgba(2,22,66,.06);
  font-size:.85rem; line-height:1; white-space:nowrap;
  margin-inline-start:1rem;  /* RTL-aware */
  text-decoration:none; color:inherit;
}
html[dir="rtl"] #raed-badge{ margin-inline-start:1rem; margin-inline-end:0; }

#raed-badge img{ width:22px; height:22px; object-fit:contain; }
#raed-badge span{ display:inline-block; }

/* تأكد أن الهيدر عنصر مرجعي لوضع الشارة */
.header, header{ position:relative; }

@media (max-width:768px){
  #raed-badge{ font-size:.75rem; padding:.3rem .5rem; }
  #raed-badge img{ width:18px; height:18px; }
  
  html[lang=ar] .sicon-sar:before { content: "ريال"; }  html[lang=en] .sicon-sar:before { content: "SAR"; }