/* ===== زر أضف للسلة ===== */
.s-button-element.s-button-btn.s-button-solid.s-button-primary.s-button-loader-center {
  cursor: pointer !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #fff !important;
  border-radius: 16px !important;
  border: none !important;
  padding: 13px 26px !important;
  position: relative !important;
  z-index: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  background-color: #F7B625 !important;
  background-image: linear-gradient(to right, #F7B625 0%, #9d751a 100%) !important;
  box-shadow:
    0 0 0 2px #F8BD3A,
    2px 0 8px #F8BD3A55,
    inset 0 0 0 1px #F8BD3A22 !important;
  transition: 0.3s all !important;
}

/* إضاءة ذهبية من اليسار أسفل */
.s-button-element.s-button-btn.s-button-solid.s-button-primary.s-button-loader-center::before {
  content: "" !important;
  position: absolute !important;
  width: 75px !important;
  height: 100% !important;
  border-radius: 16px !important;
  bottom: 0 !important;
  left: 0 !important;
  background: radial-gradient(
    circle 55px at 0% 110%,
    rgba(255,255,255,0.25),
    transparent
  ) !important;
  pointer-events: none !important;
  z-index: 1 !important;
}

/* إضاءة علوية يمين */
.s-button-element.s-button-btn.s-button-solid.s-button-primary.s-button-loader-center::after {
  content: "" !important;
  position: absolute !important;
  width: 60% !important;
  height: 50% !important;
  border-radius: 120px !important;
  top: 0 !important;
  right: 0 !important;
  background: radial-gradient(circle at 80% -10%, rgba(255,255,255,0.15), transparent 70%) !important;
  pointer-events: none !important;
  z-index: 1 !important;
}

.s-button-element.s-button-btn.s-button-solid.s-button-primary.s-button-loader-center:hover {
  box-shadow:
    0 0 0 2px #F8BD3A,
    4px 0 16px #F8BD3A55,
    inset 0 0 0 1px #F8BD3A44 !important;
  transform: translateY(-1px) !important;
}

.s-button-element.s-button-btn.s-button-solid.s-button-primary.s-button-loader-center:active {
  transform: scale(0.97) !important;
}
.dark body#app .dm-btn-in-bg-sec,
body#app .dm-btn-in-bg-sec {
  background: transparent !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}
-----
/* ===== الحالة الافتراضية ===== */
.inner.bg-inherit {
  background: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  transition: backdrop-filter 0.4s ease, background 0.4s ease !important;
}

/* ===== عند النزول - بلور فقط ===== */
.header-scrolled .inner.bg-inherit {
  background: rgba(255, 255, 255, 0.05) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
}
.floating-wpp-button {
  display: none !important;
}
/* ===== إشعارات المتجر ===== */
.swal2-popup.swal2-toast {
  background: linear-gradient(135deg, #1761C1, #0f4a9e) !important;
  border: 1px solid rgba(255,255,255,0.15) !important;
  border-radius: 16px !important;
  box-shadow: 0 8px 32px rgba(23, 97, 193, 0.5) !important;
  padding: 14px 20px !important;
}

/* النص */
.swal2-popup.swal2-toast .swal2-title {
  color: #ffffff !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  font-family: 'Cairo', sans-serif !important;
}

/* أيقونة النجاح */
.swal2-popup.swal2-toast .swal2-icon.swal2-success {
  border-color: #ffffff !important;
  color: #ffffff !important;
  width: 28px !important;
  height: 28px !important;
}

.swal2-popup.swal2-toast .swal2-icon.swal2-success .swal2-success-ring {
  border-color: rgba(255,255,255,0.3) !important;
}

.swal2-popup.swal2-toast .swal2-icon.swal2-success [class^='swal2-success-line'] {
  background-color: #ffffff !important;
}

/* زر الإغلاق */
.swal2-popup.swal2-toast .swal2-close {
  color: rgba(255,255,255,0.6) !important;
  transition: color 0.2s !important;
}

.swal2-popup.swal2-toast .swal2-close:hover {
  color: #ffffff !important;
}

/* شريط التقدم */
.swal2-popup.swal2-toast .swal2-timer-progress-bar {
  background: rgba(255,255,255,0.5) !important;
  height: 3px !important;
  border-radius: 0 0 16px 16px !important;
}
/* السطر الأول - العنوان */


.mobile-menu.mm-spn.mm-spn--light.mm-spn--navbar.mm-spn--main::after {
  display: none !important;
}

.mobile-menu.mm-spn.mm-spn--light.mm-spn--navbar.mm-spn--main li {
  margin-bottom: 6px !important;
  border: none !important;
  padding: 0 12px !important;
}

.mobile-menu.mm-spn.mm-spn--light.mm-spn--navbar.mm-spn--main li a,
.mobile-menu.mm-spn.mm-spn--light.mm-spn--navbar.mm-spn--main li span {
  color: #ffffff !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  padding: 13px 16px !important;
  background: rgba(255,255,255,0.07) !important;
  border: 1px solid rgba(255,255,255,0.1) !important;
  border-radius: 0 !important;
  border-bottom: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  transition: all 0.2s ease !important;
}

.mobile-menu.mm-spn.mm-spn--light.mm-spn--navbar.mm-spn--main li a::before,
.mobile-menu.mm-spn.mm-spn--light.mm-spn--navbar.mm-spn--main li span::before {
  content: '‹' !important;
  font-size: 20px !important;
  color: rgba(255,255,255,0.6) !important;
  order: -1 !important;
  line-height: 1 !important;
}

.mobile-menu.mm-spn.mm-spn--light.mm-spn--navbar.mm-spn--main li a:hover {
  background: rgba(255,255,255,0.14) !important;
  border-color: rgba(255,255,255,0.25) !important;
}
.mm-spn--main.mm-spn--navbar::before {
  display: none !important;
}

.mm-ocd__content::before {
  content: 'القائمة الجانبية' !important;
  display: inline-block !important;
  font-size: 20px !important;
  font-weight: bold !important;
  color: #fff !important;
  background: #045db6 !important;
  padding: 8px 18px !important;
  border-radius: 12px !important;
  text-align: right !important;
  direction: rtl !important;
  margin: 55px 85px 0px !important;
  white-space: nowrap !important;
}

#mobile-menu {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

#mobile-menu ul {
  margin-top: 5px !important;
}
.mm-ocd__content {
  background: linear-gradient(to bottom, #0671DD, #045DB6) !important;
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
  overflow: hidden !important;
}

.mm-ocd__content::-webkit-scrollbar {
  display: none !important;
  width: 0 !important;
}
.s-social-list {
  margin-top: 25px !important;
  flex-direction: row !important;
  justify-content: center !important;
  gap: 12px !important;
  flex-wrap: wrap !important;
}

.s-social-list::before {
  content: 'لا تنسانا' !important;
  display: block !important;
  width: 100% !important;
  text-align: center !important;
  font-size: 25px !important;
  font-weight: bold !important;
  color: #fff !important;
  margin-bottom: 0px !important;
  order: -2 !important;
}

.s-social-list::after {
  content: 'تابعنا على منصات التواصل' !important;
  display: block !important;
  width: 100% !important;
  text-align: center !important;
  font-size: 14px !important;
  color: #aaaaaa !important;
  margin-bottom: 4px !important;
  order: -1 !important;
}

.s-social-link a {
  width: 45px !important;
  height: 45px !important;
  font-size: 20px !important;
  color: #fff !important;
}

.s-social-link a svg,
.s-social-link a i {
  color: #fff !important;
  fill: #fff !important;
  width: 22px !important;
  height: 22px !important;
}

/* تيك توك - أسود */
.s-social-link:nth-child(3) a {
  background: #010101 !important;
  border-color: #333 !important;
}

/* اكس - أسود */
.s-social-link:nth-child(2) a {
  background: #000000 !important;
  border-color: #333 !important;
}

/* انستقرام - تدرج */
.s-social-link:nth-child(1) a {
  background: radial-gradient(circle at 30% 110%, #f09433, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888) !important;
  border-color: transparent !important;
}
.s-trust-badges-wrapper {
  display: none !important;
}
.max-w-sm.leading-6.mb-6 {
  display: none !important;
}
.mm-ocd__content p {
  font-weight: bold !important;
}
.sbc-wrapper {
  position: relative !important;
}

.sbc-wrapper .sbc-icon,
.sbc-wrapper p {
  display: none !important;
}

.sbc-wrapper::before {
  content: '' !important;
  display: block !important;
  width: 150px !important;
  height: 50px !important;
  background-image: url('https://res.cloudinary.com/dagcj6agh/image/upload/v1771900699/%D9%85%D9%86%D8%B5%D8%A9_%D8%A7%D9%84%D8%A7%D8%B9%D9%85%D9%84_f0ipnw.png') !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}
/* واتساب - أخضر */
#contact-slot:nth-child(1) .s-contacts-item {
  background: #25D366 !important;
  border-color: #25D366 !important;
  border-radius: 12px !important;
}

/* هاتف - أزرق */
#contact-slot:nth-child(2) .s-contacts-item {
  background: #007AFF !important;
  border-color: #007AFF !important;
  border-radius: 12px !important;
}

/* إيميل - أحمر */
#contact-slot:nth-child(3) .s-contacts-item {
  background: #EA4335 !important;
  border-color: #EA4335 !important;
  border-radius: 12px !important;
}

/* تيليقرام - أزرق فاتح */
#contact-slot:nth-child(4) .s-contacts-item {
  background: #0088CC !important;
  border-color: #0088CC !important;
  border-radius: 12px !important;
}

/* الأيقونات بيضاء */
#contact-slot .s-contacts-icon,
#contact-slot .s-contacts-icon svg,
#contact-slot .s-contacts-icon i {
  color: #fff !important;
  fill: #fff !important;
}
#contact-slot .s-contacts-item {
  border-width: 0 !important;
  outline: none !important;
  box-shadow: none !important;
}
.s-payments-list {
  justify-content: center !important;
}

.s-payments-list-item {
  display: none !important;
}

.s-payments-list::before {
  content: '' !important;
  display: block !important;
  width: 250px !important;
  height: 40px !important;
  background-image: url('https://res.cloudinary.com/dagcj6agh/image/upload/v1770493760/payment_ij57jl.png') !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}
@media (min-width: 1024px) {
  .s-contacts-list {
    flex-direction: row !important;
    justify-content: flex-end !important;
    gap: 12px !important;
    direction: ltr !important;
  }

  .unicode {
    display: none !important;
  }
}
.faqs-section {
  --bg-color: #04142F !important;
}

.faq-item,
.dm-bg-sec {
  background: #04142F !important;
  border: 1px solid #0d2a5e !important;
  border-radius: 32px !important;
  min-height: 70px !important;
}

.faq-item:has(input:checked) {
  border: 1px solid #0671DD !important;
  border-radius: 32px !important;
}

.faq-item,
.faq-item * {
  --bg-color: #04142F !important;
}

.faq-inner {
  background: #04142F !important;
  border-radius: 32px !important;
}

.question-outer {
  padding: 20px 24px !important;
}
.s-slider-prev,
.s-slider-nav-arrow {
  display: none !important;
}
.testimonial__icon {
  display: none !important;
}
.testimonial.dm-bg-sec {
  background: linear-gradient(to left, #023d78, #0671dd) !important;
}
.s-user-menu-dropdown {
  background: linear-gradient(to bottom, #0671DD, #045DB6) !important;
  border-radius: 20px !important;
  border: 1px solid #0d2a5e !important;
  padding: 8px !important;
  box-shadow: 0 10px 30px rgba(0,0,0,0.3) !important;
}

.s-user-menu-dropdown a,
.s-user-menu-dropdown li {
  color: #fff !important;
  border-radius: 12px !important;
  padding: 10px 16px !important;
  transition: all 0.2s ease !important;
}

.s-user-menu-dropdown a:hover {
  background: rgba(255,255,255,0.1) !important;
}

.s-user-menu-dropdown i,
.s-user-menu-dropdown svg {
  color: #fff !important;
  fill: #fff !important;
}

/* تسجيل الخروج */
.s-user-menu-dropdown a[href*="logout"],
.s-user-menu-dropdown li:last-child a {
  color: #ff6b6b !important;
  border-top: 1px solid rgba(255,255,255,0.1) !important;
  margin-top: 4px !important;
}

.s-user-menu-dropdown a[href*="logout"] i,
.s-user-menu-dropdown li:last-child a i {
  color: #ff6b6b !important;
}
.s-user-menu-inline {
  background: linear-gradient(to bottom, #0671DD, #045DB6) !important;
  border-radius: 20px !important;
  border: 1px solid #0d2a5e !important;
  padding: 8px !important;
  box-shadow: 0 10px 30px rgba(0,0,0,0.3) !important;
}

.s-user-menu-inline a,
.s-user-menu-inline li {
  color: #fff !important;
  border-radius: 12px !important;
  padding: 10px 16px !important;
  transition: all 0.2s ease !important;
}

.s-user-menu-inline a:hover {
  background: rgba(255,255,255,0.1) !important;
}

.s-user-menu-inline i,
.s-user-menu-inline svg {
  color: #fff !important;
  fill: #fff !important;
}

.s-user-menu-inline a[href*="logout"],
.s-user-menu-inline li:last-child a {
  color: #ff6b6b !important;
  border-top: 1px solid rgba(255,255,255,0.1) !important;
  margin-top: 4px !important;
}

.s-user-menu-inline a[href*="logout"] i,
.s-user-menu-inline li:last-child a i {
  color: #ff6b6b !important;
}
.sidebar {
  background: rgba(0,0,0,0) !important;
  backdrop-filter: none !important;
  box-shadow: none !important;
}

.lg\:bg-white {
  background: transparent !important;
}
.profile-header.gradient-bg {
  background: #04142F !important;
}
.s-user-menu-dropdown-header,
.s-user-menu-dropdown-header * {
  color: #fff !important;
}
.s-user-settings-wrapper,
.s-user-settings-wrapper * {
  color: #fff !important;
}

.s-user-settings-wrapper i,
.s-user-settings-wrapper svg {
  fill: #fff !important;
}
.s-user-settings-wrapper {
  border-radius: 20px !important;
  overflow: hidden !important;
}

.sticky-product-bar,
.sticky-product-bar.dm-bg-sec,
.sticky-product-bar.bg-white {
  background: #04142F !important;
}
.s-quantity-input-input {
  background: #04142F !important;
  color: #fff !important;
  border-color: #0671DD !important;
}
.s-quantity-input-container {
  background: #04142F !important;
  border-color: #0671DD !important;
}

.s-quantity-input-input {
  background: #04142F !important;
  color: #fff !important;
  border: none !important;
}

.s-quantity-input-increase-button,
.s-quantity-input-decrease-button,
.s-quantity-input-button {
  background: #04142F !important;
  color: #fff !important;
  border-color: #0671DD !important;
}
@media (max-width: 1023px) {
  .sticky-product-bar {
    border-radius: 0 !important;
  }
}
@media (min-width: 1024px) {
  .sticky-product-bar {
    margin-top: 16px !important;
  }
}
section.flex.bg-white.lm-bg-sec.p-5.sm\:pb-0.rounded-md.rounded-b-none.dm-bg-sec {
  background: #04142F !important;
  color: #fff !important;
  width: 100% !important;
  border-radius: 16px !important;
}

section.flex.bg-white.lm-bg-sec.p-5.sm\:pb-0.rounded-md.rounded-b-none.dm-bg-sec * {
  color: #fff !important;
}
.s-comments-container {
  background: linear-gradient(to bottom, #020C1D, #04142F) !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}
.dark .product-single .s-comments-product {
  background-color: transparent !important;
}
.s-modal-body {
  background: linear-gradient(to bottom, #0671DD, #045DB6) !important;
  border-radius: 24px !important;
  border: 1px solid #0d2a5e !important;
  box-shadow: 0 20px 60px rgba(0,0,0,0.5) !important;
}

.s-modal-body * {
  color: #fff !important;
}

.s-modal-body input {
  background: rgba(255,255,255,0.1) !important;
  border: 1px solid rgba(255,255,255,0.2) !important;
  border-radius: 12px !important;
  color: #fff !important;
}

.s-modal-body input::placeholder {
  color: rgba(255,255,255,0.6) !important;
}

.s-modal-body button[type="submit"],
.s-modal-body .s-btn-primary {
  background: #04142F !important;
  border: none !important;
  border-radius: 12px !important;
  color: #fff !important;
}