/* Add custom CSS styles below */ 
/* ===========================
   SAUDI SIM PRO — Dark Theme
   نسخة جاهزة للاستخدام
   =========================== */

/* ألوان عامة */
:root{
  --brand-dark: #0f1115;
  --brand-darker: #0b0d11;
  --brand-card: #161922;
  --brand-border: #1e2230;
  --brand-accent: #7c5cff;    /* بنفسجي كهربائي */
  --brand-accent-2: #5a3cff;  /* تدرج للزر */
  --text-main: #e8eaf0;
  --text-muted: #a7adbb;
  --price: #72e0a8;
  --price-old: #f19999;
}

/* أساس الصفحة */
html { direction: rtl; }
body {
  background: var(--brand-dark) !important;
  color: var(--text-main) !important;
  font-family: "Cairo", system-ui, -apple-system, "Segoe UI", Tahoma, Arial, sans-serif;
}

/* عناوين ونصوص */
h1, h2, h3, .title, .section-title { color: var(--text-main) !important; letter-spacing: .2px; }
p, li, .text-muted, .subtitle, .small { color: var(--text-muted) !important; }

/* حاويات وبطاقات عامة */
.section, .card, .product-card, .widget, .salla-section, .box, .product-page, .product-single {
  background: var(--brand-card) !important;
  border: 1px solid var(--brand-border) !important;
  border-radius: 12px !important;
  box-shadow: none !important;
}

/* الهيدر والقائمة العلوية */
.header, .site-header, .navbar {
  position: sticky; top: 0; z-index: 999;
  background: var(--brand-darker) !important;
  border-bottom: 1px solid var(--brand-border) !important;
}
.nav a, .menu a, .navbar a {
  color: var(--text-main) !important;
  padding: 12px 10px !important;
}
.nav a:hover, .menu a:hover, .navbar a:hover { color: var(--brand-accent) !important; }

/* الأزرار */
.btn, .button, button, [type="submit"] {
  background: linear-gradient(135deg, var(--brand-accent), var(--brand-accent-2)) !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: 10px !important;
  padding: 12px 18px !important;
  transition: transform .12s ease, filter .2s ease;
}
.btn:hover, .button:hover, button:hover, [type="submit"]:hover {
  filter: brightness(1.08);
  transform: translateY(-1px);
}
.btn--secondary, .button--secondary, .btn-outline {
  background: transparent !important;
  color: var(--text-main) !important;
  border: 1px solid var(--brand-border) !important;
}
.btn--secondary:hover, .button--secondary:hover, .btn-outline:hover {
  border-color: var(--brand-accent) !important;
}

/* شبكة وبطاقات المنتجات */
.products-grid, .grid, .product-list { gap: 18px !important; }
.product-card, .product-item {
  overflow: hidden;
  transition: transform .15s ease, box-shadow .2s ease;
}
.product-card:hover, .product-item:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 24px rgba(0,0,0,.25);
}
.product-card img, .product-item img {
  border-radius: 8px;
  transition: transform .3s ease, filter .3s ease;
}
.product-card:hover img, .product-item:hover img { transform: scale(1.03); }
.product-card .product-title, .product-item .title { color: var(--text-main) !important; font-weight: 600; }
.price, .product-price { color: var(--price) !important; font-weight: 700; }
.old-price, .compare-at-price { color: var(--price-old) !important; text-decoration: line-through; opacity: .85; }

/* صفحة المنتج — تبويبات وتفاصيل */
.product-tabs .tab-title, .specs-title, .box .title {
  color: var(--text-main) !important;
  border-bottom: 1px solid var(--brand-border) !important;
  padding-bottom: 8px !important;
}
ul.features li::marker { color: var(--brand-accent); }

/* شريط مزايا الثقة */
.trust-bar {
  display: grid; grid-template-columns: repeat(4,1fr);
  gap: 12px; padding: 12px; margin: 16px 0;
  background: var(--brand-darker); border: 1px solid var(--brand-border); border-radius: 12px;
}
.trust-bar .item { color: var(--text-main); text-align: center; font-size: .95rem; }
.trust-bar .item small { color: var(--text-muted); display: block; margin-top: 2px; }

/* الفوتر */
footer, .site-footer {
  background: var(--brand-darker) !important;
  color: var(--text-muted) !important;
  border-top: 1px solid var(--brand-border) !important;
}
.site-footer a { color: var(--text-main) !important; }
.site-footer a:hover { color: var(--brand-accent) !important; }

/* عناصر إدخال ونماذج */
input, select, textarea {
  background: #11141b !important; color: var(--text-main) !important;
  border: 1px solid var(--brand-border) !important; border-radius: 10px !important;
}
input:focus, select:focus, textarea:focus {
  outline: none !important; border-color: var(--brand-accent) !important;
  box-shadow: 0 0 0 3px rgba(124,92,255,.15) !important;
}

/* عربة مصغرة ومربعات منبثقة */
.drawer, .offcanvas, .modal, .popup {
  background: var(--brand-card) !important; color: var(--text-main) !important;
  border-left: 1px solid var(--brand-border) !important;
}

/* تحسينات للجوال */
@media (max-width: 768px){
  .trust-bar { grid-template-columns: repeat(2,1fr); }
  .nav a, .menu a { padding: 10px 8px !important; }
  .product-card { border-radius: 10px; }
}
@media (max-width: 420px){
  .trust-bar { grid-template-columns: 1fr; }
}
<div class="trust-bar">
  <div class="item">شحن سريع<small>داخل السعودية</small></div>
  <div class="item">دفع آمن<small>مدى و Apple Pay</small></div>
  <div class="item">منتجات أصلية<small>ضمان معتمد</small></div>
  <div class="item">دعم فني<small>قبل وبعد الشراء</small></div>
</div>