/* Abdulrahman */

.htv--glow-badge .home-block-title h2:before {
    background: linear-gradient(120deg, 
color-mix(in srgb, #cca36a 8%, transparent), 
color-mix(in srgb, #cca36a 32%, transparent), 
color-mix(in srgb, #cca36a 8%, transparent));
}

.htv--glow-badge .enhanced-title-border {
    background: #cca36a;
    border-radius: 50%;
    box-shadow: 22px 0 0 
color-mix(in srgb, #cca36a 45%, transparent), -22px 0 0 
color-mix(in srgb, #cca36a 45%, transparent);
    height: 10px;
    width: 10px;
}

.btn--wishlist.heart-next-add-button.animated.not-added.un-favorited.s-button-element.s-button-icon.s-button-outline.s-button-primary-outline.s-button-loader-center {
   background-color: #ffffff00 !important;
}

.s-button-element.s-button-btn.s-button-outline.s-button-primary-outline.s-button-loader-after {
   background-color: #ffffff00 !important;
}

.mini_top_promotion .simplified-products .product-card.product-card--simplified .product-card__promotion {
        left: 15%;
        right: 15%;
        border-radius: 0 0 15px 15px;
    }

.cart-drawer .drawer-footer .s-button-gray-outline {
    visibility: hidden;
    height: 0px;
}

.cart-drawer .drawer-actions .drawer-actions-row {
    display: block;
}

div.product-card__promotion {
    background-color: #4a7d44 !important;
}

/* ============================================================
   Wadi Manuka — شعارات طرق الدفع (أسفل .product-price-bottom)
   ثلاث صور متناسقة الارتفاع والمسافات والهوامش.
   ============================================================ */

.wm-pay {
  --wm-pay-height: 34px;   /* ارتفاع موحّد لجميع الشعارات */
  --wm-pay-gap: 12px;      /* المسافة بين الشعارات */

  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: var(--wm-pay-gap);
  direction: ltr;          /* ترتيب ثابت: tabby ثم مدفوع ثم تمارا */
  margin: 14px 0;
  width: 100%;
  box-sizing: border-box;
}

.wm-pay-img {
  height: var(--wm-pay-height);
  width: auto;             /* يحافظ على نسبة كل شعار */
  display: block;
  object-fit: contain;
  border-radius: 8px;      /* مطابق لاستدارة حواف الشعارات */
}

/* الشاشات الصغيرة: تصغير بسيط مع بقائها في صف واحد */
@media (max-width: 480px) {
  .wm-pay {
    --wm-pay-height: 28px;
    --wm-pay-gap: 8px;
    margin: 12px 0;
  }
}