/* Add custom CSS styles below */

/* (1) Mobile: add-to-cart button text was cut off ("أضف إلى الس...") */
@media (max-width: 640px) {
  .s-product-card-entry salla-add-product-button .s-button-btn {
    padding-inline: 8px !important;
    gap: 4px;
  }
  .s-product-card-entry salla-add-product-button .s-button-text {
    font-size: 13px;
  }
}

/* (2) Mobile/tablet: WhatsApp button covered the add-to-cart bar on product pages */
@media (max-width: 1023px) {
  body.product-single .wa-s-n {
    bottom: 96px !important;
  }
  .wa-s-n {
    width: 46px !important;
    height: 46px !important;
    line-height: 46px !important;
  }
}

/* (3) Respect the device "reduce motion" accessibility setting */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}