/* 1) ثبّت الخلفية زي ما هي (القيمة اللي عندك في var) */
.store-footer__inner.da-bgm.has-custom-bg{
  background-color: var(--footer-bg) !important; /* نفس الخلفية */
}

/* 2) خلّي كل النصوص جوه الفوتر غامقة وواضحة */
.store-footer__inner.da-bgm.has-custom-bg,
.store-footer__inner.da-bgm.has-custom-bg p,
.store-footer__inner.da-bgm.has-custom-bg span,
.store-footer__inner.da-bgm.has-custom-bg a,
.store-footer__inner.da-bgm.has-custom-bg h3,
.store-footer__inner.da-bgm.has-custom-bg strong,
.store-footer__inner.da-bgm.has-custom-bg b,
.store-footer__inner.da-bgm.has-custom-bg .da-tm{
  color: #111 !important;
  opacity: 1 !important;
}

/* 3) شيل أي كلاسات رمادي/باهتة جاية من الثيم */
.store-footer__inner.da-bgm.has-custom-bg .text-gray-400,
.store-footer__inner.da-bgm.has-custom-bg .text-text-grey,
.store-footer__inner.da-bgm.has-custom-bg .copyrights{
  color: #111 !important;
  opacity: 1 !important;
}

/* 4) الروابط */
.store-footer__inner.da-bgm.has-custom-bg a{
  color: #111 !important;
}
.store-footer__inner.da-bgm.has-custom-bg a:hover{
  color: #000 !important;
  opacity: .9 !important;
}

/* 5) أيقونات السوشيال/التواصل (SVG) */
.store-footer__inner.da-bgm.has-custom-bg .s-social-icon svg,
.store-footer__inner.da-bgm.has-custom-bg .s-contacts-icon svg{
  fill: #111 !important;
}

/* 6) حدود/فواصل لو باينة خفيفة زيادة */
.store-footer__inner.da-bgm.has-custom-bg .da-brdr{
  border-color: rgba(0,0,0,.12) !important;
}
@media (max-width: 768px){

  /* الفيديو فقط: قلل ارتفاعه */
  section.s-block--hero-slider video{
    width: 100% !important;
    height: 50vh !important;      /* تحكم في ارتفاع الفيديو */
    object-fit: cover !important; /* لو عايزه كامل بدون قص خليها contain */
    display: block !important;
  }

  /* عشان ما يظهرش فراغ تحت الفيديو */
  section.s-block--hero-slider .swiper-slide,
  section.s-block--hero-slider .swiper-lazy-wrap{
    overflow: hidden !important;
  }