/* Add custom CSS styles below */ 

/* تكبير شعار المتجر */
.navbar-brand img{
  width: 150px !important;      /* العرض الأساسي */
  max-width: 150px !important;  /* أقصى عرض */
  height: auto !important;
  max-height: 80px !important;  /* مهم لإلغاء 2rem */
  object-fit: contain;
}

/* كمبيوتر */
@media (min-width: 1024px){
  .navbar-brand img{
    width: 120px !important;
    max-width: 120px !important;
    max-height: 90px !important;
  }
}

/* جوال */
@media (max-width: 768px){
  .navbar-brand img{
    width: 120px !important;
    max-width: 120px !important;
    max-height: 70px !important;
  }
}



/* =========================
   فوتر بلون داكن + نصوص وأيقونات بيضاء
   ========================= */

/* خلفية الفوتر */
.store-footer,
.store-footer__inner,
.footer-is-light .store-footer__inner{
  background-color: #3e374f !important;
}

/* كل النصوص */
.store-footer *,
.store-footer__inner *{
  color: #ffffff !important;
}

/* الروابط */
.store-footer a,
.store-footer__inner a{
  color: #ffffff !important;
  text-decoration: none;
  transition: opacity .25s ease, color .25s ease;
}

/* Hover للروابط */
.store-footer a:hover{
  color: #f3f4f6 !important;
  opacity: 0.85;
}

/* الأيقونات (SVG / i / path) */
.store-footer svg,
.store-footer svg *,
.store-footer i{
  fill: #ffffff !important;
  stroke: #ffffff !important;
  color: #ffffff !important;
}

/* الخط الفاصل إن وجد */
.store-footer hr{
  border-color: rgba(255,255,255,.25) !important;
}

/* حقوق النشر */
.store-footer__copyright{
  color: #ffffff !important;
  opacity: 0.85;
}



/* =========================
   الخط العام للمتجر: Alexandria
   ========================= */

/* استدعاء الخط (لو القالب ما يستدعيه تلقائيًا) */
@import url('https://fonts.googleapis.com/css2?family=Alexandria:wght@300;400;500;600;700;800&display=swap');

/* تطبيق الخط على المتجر كامل */
html,
body,
button,
input,
select,
textarea {
  font-family: 'Alexandria', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
}

/* تكبير الخط العام (اختياري – أنصح به) */
html {
  font-size: 19px;
}

/* تحسين القراءة */
body {
  line-height: 1.7;
}


/* =========================
   Alexandria + Font Weights
   ========================= */

html, body {
  font-family: "Alexandria", system-ui, -apple-system, "Segoe UI", sans-serif !important;
  font-size: 15px;         /* كبّر/صغّر */
  line-height: 1.7;
}

/* نصوص عامة */
body, p, li, span, small, .text-sm, .text-base {
  font-weight: 400 !important;
}

/* العناوين */
h1 { font-weight: 600 !important; }
h2 { font-weight: 600 !important; }
h3 { font-weight: 500 !important; }
h4, h5, h6 { font-weight: 700 !important; }

/* القوائم/التنقل (الهيدر) */
header a, .navbar a, .nav a, .nav-link, .s-header__nav a {
  font-weight: 600 !important;
}

/* الأزرار */
button,
.s-button-btn,
.s-button-element,
input[type="submit"] {
  font-family: "Alexandria", system-ui, sans-serif !important;
  font-weight: 700 !important;
}

/* عناوين المنتجات */
.s-product-card-title,
.s-product-card h3,
.s-product-card h4 {
  font-weight: 700 !important;
}

/* السعر */
.s-product-card-price,
.s-price,
.price {
  font-weight: 700 !important;
}

/* الفوتر */
.store-footer, .store-footer * {
  font-weight: 500 !important;
}



/* =========================
   إصلاح أيقونة زر إضافة للسلة (الرموز المشفّرة)
   ========================= */

/* =========================================
   Fix: أيقونة زر إضافة للسلة تظهر مشفرة
   ========================================= */

/* 1) رجّع حجم الخط للزر (لا تصفره) */
.s-product-card-vertical .s-product-card-content-footer salla-add-product-button .s-button-wrap .s-button-btn,
.s-product-card-vertical .s-product-card-content-footer salla-add-product-button .s-button-wrap .s-button-element {
  font-size: 16px !important; /* مهم جدًا */
  font-family: system-ui, "Segoe UI", Arial, sans-serif !important;
}

/* 2) اخفِ نص الزر فقط (بدون كسر الأيقونة) */
.s-product-card-vertical .s-product-card-content-footer salla-add-product-button .s-button-wrap .s-button-btn span,
.s-product-card-vertical .s-product-card-content-footer salla-add-product-button .s-button-wrap .s-button-btn .s-button-text,
.s-product-card-vertical .s-product-card-content-footer salla-add-product-button .s-button-wrap .s-button-element span,
.s-product-card-vertical .s-product-card-content-footer salla-add-product-button .s-button-wrap .s-button-element .s-button-text {
  display: none !important;
}

/* 3) الأيقونة إذا كانت عنصر i */
.s-product-card-vertical .s-product-card-content-footer salla-add-product-button .s-button-wrap i {
  font-size: 18px !important;
  color: #ffffff !important;
}

/* 4) الأيقونة إذا كانت من ::before / ::after */
.s-product-card-vertical .s-product-card-content-footer salla-add-product-button .s-button-wrap .s-button-btn::before,
.s-product-card-vertical .s-product-card-content-footer salla-add-product-button .s-button-wrap .s-button-element::before,
.s-product-card-vertical .s-product-card-content-footer salla-add-product-button .s-button-wrap .s-button-btn::after,
.s-product-card-vertical .s-product-card-content-footer salla-add-product-button .s-button-wrap .s-button-element::after {
  font-family: "salla-icons","Font Awesome 6 Free","Font Awesome 5 Free","FontAwesome", Arial, sans-serif !important;
  font-weight: 900 !important;
  font-size: 18px !important;
  color: #ffffff !important;
}

/* 5) لو الأيقونة SVG (احتياط) */
.s-product-card-vertical .s-product-card-content-footer salla-add-product-button .s-button-wrap svg,
.s-product-card-vertical .s-product-card-content-footer salla-add-product-button .s-button-wrap svg * {
  fill: #ffffff !important;
  stroke: #ffffff !important;
}












/* =========================================
   Fix نهائي: أيقونة زر إضافة للسلة
   (بدون Font Icons نهائيًا)
   ========================================= */

/* استهداف زر الإضافة */
.s-product-card-vertical .s-product-card-content-footer salla-add-product-button .s-button-wrap button.s-button-element,
.s-product-card-vertical .s-product-card-content-footer salla-add-product-button .s-button-wrap button.s-button-btn{
  /* اخفِ أي نص/رموز مشفرة بدون كسر الزر */
  color: transparent !important;
  font-size: 16px !important; /* خليها طبيعية */
  position: relative !important;
}

/* ارسم أيقونة جديدة (سلة + علامة +) */
.s-product-card-vertical .s-product-card-content-footer salla-add-product-button .s-button-wrap button.s-button-element::before,
.s-product-card-vertical .s-product-card-content-footer salla-add-product-button .s-button-wrap button.s-button-btn::before{
  content: "" !important;
  width: 18px;
  height: 18px;
  position: absolute;
  inset: 0;
  margin: auto;

  background-color: #ffffff !important;

  /* SVG كقناع (Mask) */
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 18c-1.1 0-1.99.9-1.99 2S5.9 22 7 22s2-.9 2-2-.9-2-2-2Zm10 0c-1.1 0-1.99.9-1.99 2S15.9 22 17 22s2-.9 2-2-.9-2-2-2ZM7.2 14h9.9c.75 0 1.4-.41 1.74-1.03L21 6H7.42L6.7 4H3v2h2l3.6 7.59-1.35 2.44C6.52 17.37 7.48 19 9 19h12v-2H9l1.1-2ZM19 4h-2V2h-2v2h-2v2h2v2h2V6h2V4Z'/%3E%3C/svg%3E") center/contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 18c-1.1 0-1.99.9-1.99 2S5.9 22 7 22s2-.9 2-2-.9-2-2-2Zm10 0c-1.1 0-1.99.9-1.99 2S15.9 22 17 22s2-.9 2-2-.9-2-2-2ZM7.2 14h9.9c.75 0 1.4-.41 1.74-1.03L21 6H7.42L6.7 4H3v2h2l3.6 7.59-1.35 2.44C6.52 17.37 7.48 19 9 19h12v-2H9l1.1-2ZM19 4h-2V2h-2v2h-2v2h2v2h2V6h2V4Z'/%3E%3C/svg%3E") center/contain no-repeat;

  pointer-events: none;
}