#karzoun-widget-send-button {
    bottom: 123px !important; }
/* =========================================
   واحد ألعب - Full Width Clickable Banners
   القسم: banner-design-0
========================================= */

#banner-design-0 {
    width: 100% !important;
    max-width: none !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* إلغاء عرض الـ container المقيد */
#banner-design-0 > .container {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* السلايدر بعرض الشاشة */
#banner-design-0 salla-slider,
#banner-design-0 .s-slider-wrapper,
#banner-design-0 .s-slider-container,
#banner-design-0 .swiper {
    width: 100% !important;
    max-width: none !important;
    overflow: hidden !important;
}

/* كل مرة يظهر بنر واحد فقط */
#banner-design-0 .swiper-slide {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;

    padding-left: 0 !important;
    padding-right: 0 !important;

    margin: 0 !important;
}

/* جسم البنر */
#banner-design-0 .swiper-slide > div {
    width: 100% !important;

    min-height: unset !important;
    height: auto !important;

    /* النسبة الخاصة بالبنرات */
    aspect-ratio: 16 / 9;

    padding: 0 !important;
    margin: 0 !important;

    border-radius: 0 !important;

    position: relative !important;
    overflow: hidden !important;

    cursor: pointer;
}

/* صورة البنر */
#banner-design-0 .banner-bg {
    position: absolute !important;
    inset: 0 !important;

    width: 100% !important;
    height: 100% !important;

    /*
      contain = ظهور الصورة كاملة بدون أي قص
    */
    background-size: contain !important;

    background-position: center center !important;
    background-repeat: no-repeat !important;
}

/* إخفاء المساحة النصية الفارغة الموجودة في الثيم */
#banner-design-0 .swiper-slide .relative.z-10 {
    pointer-events: none !important;
}

/* إلغاء أي border radius من الثيم */
#banner-design-0 .rounded-3xl {
    border-radius: 0 !important;
}


/* =========================================
   Tablet
========================================= */

@media (max-width: 1024px) {

    #banner-design-0 .swiper-slide {
        width: 100% !important;
        flex-basis: 100% !important;
    }

}


/* =========================================
   Mobile
========================================= */

@media (max-width: 640px) {

    #banner-design-0 .swiper-slide {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
    }

    #banner-design-0 .swiper-slide > div {
        /*
          نحافظ على ظهور الصورة كاملة
          بدون ارتفاعات 532px الخاصة بالثيم
        */
        min-height: 0 !important;
        aspect-ratio: 16 / 9;
    }

    #banner-design-0 .banner-bg {
        background-size: contain !important;
        background-position: center center !important;
    }

}

/* ------------------- */
.bg-pink-600{
  background-color: #516ed4 !important;
}
.bg-\[\#00af6c\], .bg-\[\#f55157\] {
  background-color: #00B9AF !important;
}

#app > div.app-inner.flex.flex-col.min-h-full > div.container > div{
      justify-content: center !important;
}

/* ---------------------------------- */
/* Custom CSS to move Salla filters from sidebar to top of category page */

/* Fix parent */
#filters-panel.side-panel {
  position: static !important;
  width: 100% !important;
  height: auto !important;
  visibility: visible !important;
  pointer-events: auto !important;
  margin-bottom: 2rem;
  padding: 0 !important;
}

#filters-panel .side-panel__content {
  padding: 1.5rem !important;
  background: #fff !important;
  border-radius: 12px;
}

#filters-panel h2,
#filters-panel .side-panel__close {
  display: none !important;
}

button[data-show="filters-panel"],
.side-panel-overlay {
  display: none !important;
}

/* Fix child - CRITICAL */
#filters-menu,
salla-filters#filters-menu {
  position: static !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 1rem !important;
  width: 100% !important;
  top: auto !important;
}

#filters-menu salla-filters-widget {
  display: inline-block !important;
  min-width: 250px;
  max-width: 350px;
}

#filters-menu .s-filters-widget-content {
  display: block !important;
  height: auto !important;
}

#filters-menu .s-filters-widget-plusminus {
  display: none !important;
}

@media (max-width: 768px) {
  #filters-menu { flex-direction: column !important; }
  #filters-menu salla-filters-widget { width: 100% !important; }
}