/* mobile override بنفس القيم لضمان التطبيق */
@media (max-width: 768px) {
  .navbar-brand img {
    max-height: 3.3rem !important;
    width: auto !important;
    max-width: 192px !important;
  }
}



/* Sub-menu text color to black */
.sub-menu a,
.sub-menu a * {
  color: #000 !important;
}

/* Hide footer logo only */
.store-footer .navbar-brand {
  display: none !important;
}

/* Hide footer description/text block */
.store-footer .max-w-sm.leading-6 {
  display: none !important;
}


@media (min-width: 1024px){
  /* Hide footer logo + description only (keep social icons) */
  .store-footer .navbar-brand,
  .store-footer .max-w-sm.leading-6{
    display: none !important;
  }
}

@media (min-width: 1024px){
  .store-footer .store-footer__inner .container.grid > div:first-child{
    grid-column: span 1 / span 1 !important;
  }
}

@media (min-width: 1024px){

  /* Hide footer logo + description only (keep social icons) */
  .store-footer .navbar-brand,
  .store-footer .max-w-sm.leading-6{
    display: none !important;
  }

  /* ✅ Fix EN footer: <strong> wrapper breaks the grid */
  html[lang="en"] .store-footer .store-footer__inner .container.grid > strong{
    display: contents !important;
    font-weight: inherit !important; /* cancel bold effect */
  }

  /* optional: keep first block narrower (your existing idea) */
  .store-footer .store-footer__inner .container.grid > div:first-child{
    grid-column: span 1 / span 1 !important;
  }

  /* optional: make each section take 2 columns (لو عايزهم أعرض) */
  html[lang="en"] .store-footer .store-footer__inner .container.grid > strong > div{
    grid-column: span 2 / span 2 !important;
  }
}

/* Cart count badge color */
.s-cart-summary-count{
  background-color: #692e82 !important;
}


/* Cart remove (delete) button -> light gray */
button.btn--delete.s-button-danger{
  --tw-bg-opacity: 1 !important;
  --tw-border-opacity: 1 !important;
  background: #f1f3f5 !important;
  background-color: #f1f3f5 !important;
  border-color: #e9ecef !important;
  color: #6c757d !important;
  fill: #6c757d !important;
}

/* hover */
button.btn--delete.s-button-danger:hover{
  background: #e9ecef !important;
  background-color: #e9ecef !important;
  border-color: #dee2e6 !important;
}

/* icon inside (لو موجود svg/i) */
button.btn--delete.s-button-danger svg,
button.btn--delete.s-button-danger i{
  color: #6c757d !important;
  fill: #6c757d !important;
}

body.product-single h1::after{
  content: "أصلي 100%";
  display: block;
  margin-top: 6px;
  font-size: 16px;
  font-weight: 700;
  color: #47c44d;
}

/* اخفاء السعر اللي فوق */
body.product-single .lamera-price{
  display: none !important;
}


:root{
  --sale-color: #ff2d55;
  --sale-badge-bg: #ffe6ec;
}

/* ستايل السعر المخفض في صفحة المنتج فقط */
body.product-single .price_is_on_sale .total-price{
  --color-price-single-product: var(--sale-color);  /* عشان text-[var(...)] */
  color: var(--sale-color) !important;
  font-weight: 800 !important;
  position: relative;
  display: inline-block;
  padding-top: 22px; /* مساحة لكلمة "تخفيضات" فوق */
  direction: ltr;
  unicode-bidi: isolate;
}

/* كلمة "تخفيضات" فوق السعر */
body.product-single .price_is_on_sale .total-price::before{
  content: "تخفيضات";
  position: absolute;
  top: 0;
  inset-inline-end: 0;     /* تمسك يمين في العربي */
  background: var(--sale-badge-bg);
  color: var(--sale-color);
  padding: 2px 10px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.2;
  white-space: nowrap;
}

/* السهم جنب السعر */
body.product-single .price_is_on_sale .total-price::after{
  content: " ↘";
  color: var(--sale-color);
  font-size: .95em;
  font-weight: 800;
}

:root{
  --sale-color: #ff2d55;
  --sale-badge-bg: #ffe6ec;
}

/* إجبار لون سعر الخصم في الكارت */
custom-salla-product-card .s-product-card-sale-price h4,
.s-product-card-sale-price h4{
  color: var(--sale-color) !important;
  -webkit-text-fill-color: var(--sale-color) !important;
  font-weight: 800 !important;

  /* احتياط لو القالب بيستخدم متغيرات للّون */
  --color-price: var(--sale-color);
  --color-sale-price: var(--sale-color);
  --color-price-product-card: var(--sale-color);

  position: relative;
  display: inline-block;
  padding-top: 22px;
  direction: ltr;
  unicode-bidi: isolate;
}

/* إجبار اللون على أي عنصر داخل الـ h4 (زي أيقونة العملة) */
custom-salla-product-card .s-product-card-sale-price h4 *,
.s-product-card-sale-price h4 *{
  color: var(--sale-color) !important;
  -webkit-text-fill-color: var(--sale-color) !important;
}

/* "تخفيضات" فوق السعر */
custom-salla-product-card .s-product-card-sale-price h4::before,
.s-product-card-sale-price h4::before{
  content: "تخفيضات";
  position: absolute;
  top: 0;
  inset-inline-end: 0;
  background: var(--sale-badge-bg);
  color: var(--sale-color);
  padding: 2px 10px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.2;
  white-space: nowrap;
}

/* السهم جنب السعر */
custom-salla-product-card .s-product-card-sale-price h4::after,
.s-product-card-sale-price h4::after{
  content: " ↘";
  color: var(--sale-color);
  font-size: .95em;
  font-weight: 800;
}

/* Cart: discounted price color فقط */
#has_discount,
#has_discount.item-price,
#has_discount.text-red-800,
span#has_discount.item-price,
span#has_discount.item-price.text-red-800{
  color: #ff2d55 !important;
  -webkit-text-fill-color: #ff2d55 !important;
}

/* لون أيقونة العملة جوّه نفس العنصر */
#has_discount .sicon-sar{
  color: #ff2d55 !important;
  -webkit-text-fill-color: #ff2d55 !important;
}



/* Mobile only */
@media (max-width: 768px) {

  /* تصغير ارتفاع الهيدر بار فقط */
  #mainnav,
  .lamera-main-nav-container {
    height: 70px !important;
    min-height: 70px !important;
  }

  /* تقليل المسافة فوق وتحت */
  #mainnav .flex.items-center.justify-between.py-4,
  .lamera-main-nav-container .flex.items-center.justify-between.py-4 {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }

  /* الصف الأساسي */
  #mainnav .flex.items-center.justify-between {
    position: relative !important;
    min-height: 56px !important;
  }

  /* توسيط اللوجو من غير ما نغير حجمه */
  #mainnav .navbar-brand {
    position: absolute !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    margin: 0 !important;
    z-index: 5 !important;
  }

}

/* Mobile only */
@media (max-width: 768px) {

  /* عربي: السيرش على اليمين */
  html[dir="rtl"] .header-search,
  body.rtl .header-search {
    position: absolute !important;
    right: 44px !important;
    left: auto !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    z-index: 20 !important;
  }

  /* إنجليزي: السيرش على الشمال */
  html[dir="ltr"] .header-search,
  body:not(.rtl) .header-search {
    position: absolute !important;
    left: 44px !important;
    right: auto !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    z-index: 20 !important;
  }
}

/* Mobile only */
@media (max-width: 768px) {

  /* عربي: السيرش على اليمين */
  html[dir="rtl"] .header-search,
  body.rtl .header-search {
    position: absolute !important;
    right: 44px !important;
    left: auto !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    z-index: 20 !important;
  }

  /* عربي: اللغة/العملة جنب السيرش */
  html[dir="rtl"] .lamera_show_language_currency,
  body.rtl .lamera_show_language_currency {
    position: absolute !important;
    right: 82px !important; /* غيّرها 78 أو 86 حسب المسافة */
    left: auto !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    z-index: 20 !important;
    padding: 0 !important;
  }

  /* إنجليزي: السيرش على الشمال */
  html[dir="ltr"] .header-search,
  body:not(.rtl) .header-search {
    position: absolute !important;
    left: 44px !important;
    right: auto !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    z-index: 20 !important;
  }

  /* إنجليزي: اللغة/العملة جنب السيرش */
  html[dir="ltr"] .lamera_show_language_currency,
  body:not(.rtl) .lamera_show_language_currency {
    position: absolute !important;
    left: 82px !important; /* غيّرها 78 أو 86 حسب المسافة */
    right: auto !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    z-index: 20 !important;
    padding: 0 !important;
  }
}

/* إضافة بيانات إضافية في الفوتر */
.store-footer salla-contacts .s-contacts-list::before {
  content: "العنوان: شارع محمد مسعود، حي السلامة، جدة 23525";
  display: block;
  margin-top: 14px;
  color: #ffffff;
  font-size: 15px;
  line-height: 1.9;
  text-align: right;
  direction: rtl;
}

.store-footer salla-contacts .s-contacts-list::after {
  content: "رقم وثيقة العمل الحر: FL-901072919";
  display: block;
  margin-top: 6px;
  color: #ffffff;
  font-size: 15px;
  line-height: 1.9;
  text-align: right;
  direction: rtl;
}