/* Add custom CSS styles below */ 
/* تصغير نص الشريط الإعلاني فقط */
.marquee-container p,
.marquee-container span {
    font-size: 18px !important;
    line-height: 1.6 !important;
}
@media (max-width: 768px) {
  footer img.light_logo {
    position: relative !important;
    right: : 50vw !important;
    transform: translateX(-50%) !important;
    object-position: center !important;
  }
}
@media (max-width: 768px) {
  footer img.dark_logo {
    position: relative !important;
    right: : 50vw !important;
    transform: translateX(-50%) !important;
    object-position: center !important;
  }
}
@media (max-width: 768px) {
  /* تصغير حجم الصور أو الأيقونات داخل القائمة */
  .s-payments-list-item {
    width: 35px;  /* قللي الحجم هنا حسب الحاجة */
    height: auto; /* للحفاظ على النسبة */
  }
}
.h-\[150px\].md\:h-\[290px\].w-full.md\:w-1\/2.mx-auto.opacity-\[0\.08\].light_logo {
    opacity: 0.56 !important;
    filter: brightness(1.1) ;
}
.h-\[150px\].md\:h-\[290px\].w-full.md\:w-1\/2.mx-auto.opacity-\[0\.08\].dark_logo {
    opacity: 0.56 !important;
    filter: brightness(1.1) ;
}
salla-advertisement.hydrated button.s-advertisement-action {
    display: none;
}

/* اخفاء ايقونة السحب الاصلية */
.dragHandle svg {
  opacity: 0;
}

/* الايقونة (نفس الشكل في كل الاوضاع) */
.dragHandle::after {
  content: "⟷";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 20px;
  font-weight: 600;
  padding: 8px 12px;
  border-radius: 50%;
  pointer-events: none;

  /* الافتراضي */
 color: #black;
  background: white;
}

/* 🌙 الدارك مود – نفس الشكل بس اوضح */
body.color-mode-dark .dragHandle::after,
body.dark .dragHandle::after {
  color: #white;
  background: black;



  
}