/* تكبير خفيف ومتوازن لشعار الجوال */
@media (max-width: 767px){

  a.navbar-brand > img{
    height: 60px !important;      /* الحجم المناسب */
    max-height: 60px !important;
    width: auto !important;
    max-width: 80vw !important;
  }
}
@media (max-width: 767px){
  /* إخفاء زر البحث */
  .header-search,
  .store-search,
  .s-search,
  button[aria-label*="بحث"],
  button[aria-label*="Search"]{
    display: none !important;
  }
}

:root{
  --primary-color:#6D28D9;   /* بنفسجي */
  --secondary-color:#7A9B3A; /* أخضر زيتي واضح */
}

@keyframes gradientShift{
  0%{background-position:0% 50%}
  50%{background-position:100% 50%}
  100%{background-position:0% 50%}
}

/* تدرج متحرك للعناوين */
.s-block__title h2,
.s-slider-block__title h2,
.lg\:text-4xl,
h2.text-2xl{
  background: linear-gradient(135deg, var(--primary-color), var(--secondary-color), var(--primary-color));
  background-size: 300% 300%;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: gradientShift 10s ease infinite;
}

/* إخفاء زر المشاركة فقط */
.s-social-share-wrapper,
.s-social-share-btn,
.salla-social-share,
ul.s-social-share-list {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}
/* ====== إزالة المشاركة بدون كسر الصفحات الداخلية ====== */

/* 1) إخفاء كومبوننت المشاركة نفسه في كل الموقع */
salla-social-share,
.salla-social-share,
.s-social-share-btn {
  display: none !important;
}

/* 2) إخفاء قسم المشاركة في صفحة المنتج الداخلية فقط */
.product-details .share-area,
.product-details .share-rate-area,
.product-details .s-social-share-wrapper {
  display: none !important;
}

/* 3) إخفاء نص "مشاركة التبرع" داخل نفس المنطقة فقط (بدون التأثير على نصوص ثانية) */
.product-details .share-area > span,
.product-details .share-rate-area > span,
.product-details span.text-gray-500 {
  display: none !important;
}

/* ✅ منع قص صور سلايدر المنتج في الجوال */
@media (max-width: 767px) {
  .details-slider .swiper-slide img,
  salla-slider.details-slider .swiper-slide img,
  .details-slider img.h-full.w-full.object-center {
    object-fit: contain !important;
    object-position: center !important;
    width: 100% !important;
    height: 100% !important;
    background: #fff !important;
  }
}

/* تكبير الشعار بشكل واضح */
a.footer-logo img,
footer .footer-logo img,
a.navbar-brand img,
header .navbar-brand img,
img.max-w-\[70px\]{
  max-width: none !important;
  width: auto !important;
  height: auto !important;
}

/* 🔹 شعار الفوتر – أكبر وواضح */
a.footer-logo img,
footer .footer-logo img{
  max-width: 240px !important;   /* كبرناه */
  max-height: 90px !important;
}

/* 🔹 شعار الهيدر في الجوال */
@media (max-width: 767px){
  a.navbar-brand img{
    max-height: 75px !important; /* واضح بدون مبالغة */
    max-width: 90vw !important;
  }
}