/* ============================================
   O2PRO — أزرار صفحة المنتج (نسخة نظيفة v2)
   امسح كل أكواد الأزرار القديمة وحط دي بس
   ============================================ */

/* 1) رص الأزرار تحت بعض بعرض كامل
   كله مربوط بـ .singl_product_buttons عشان ما نأثرش
   على شريط الشراء اللاصق (اللي كان بيعمل التكرار) */
.singl_product_buttons,
.singl_product_buttons salla-add-product-button,
.singl_product_buttons .s-add-product-button-main,
.singl_product_buttons salla-mini-checkout-widget {
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* 2) شكل موحّد لكل الأزرار (السلة + اشترِ الآن + Apple Pay) */
.singl_product_buttons .s-button-btn,
.singl_product_buttons .s-add-product-button-mini-checkout-content,
.singl_product_buttons .s-fast-checkout-button,
.singl_product_buttons apple-pay-button,
.singl_product_buttons [class*="apple_pay"],
.singl_product_buttons [class*="apple-pay"] {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 9px !important;
  width: 100% !important;
  max-width: none !important;
  height: 56px !important;
  min-height: 56px !important;
  margin: 0 !important;
  padding: 0 18px !important;
  border: 0 !important;
  outline: 0 !important;
  border-radius: 10px !important;
  box-shadow: none !important;
  font-size: 16px !important;
  font-weight: 800 !important;
}

/* 3) إضافة للسلة = أصفر كامل + نص أسود */
.singl_product_buttons .s-button-btn {
  background: #ffd814 !important;
}
.singl_product_buttons .s-button-btn,
.singl_product_buttons .s-button-btn *,
.singl_product_buttons .s-button-text {
  color: #0f1111 !important;
  -webkit-text-fill-color: #0f1111 !important;
  fill: #0f1111 !important;
}
/* تشيل المربع الأسود اللي كان بيبان كإطار أصفر */
.singl_product_buttons .s-button-btn *,
.singl_product_buttons .s-button-text {
  background: transparent !important;
  background-color: transparent !important;
}
/* تأكيد ظهور نص "إضافة للسلة" (القالب بيخليه أبيض/مخفي) */
.singl_product_buttons .s-button-btn .s-button-text {
  display: inline-flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  font-size: 16px !important;
}

/* 4) اشترِ الآن = أسود كامل + نص أبيض */
.singl_product_buttons .s-add-product-button-mini-checkout {
  margin-top: 0 !important;
  overflow: hidden !important;
}
.singl_product_buttons .s-add-product-button-mini-checkout-content {
  background: #080808 !important;
}
.singl_product_buttons .s-add-product-button-mini-checkout-content,
.singl_product_buttons .s-add-product-button-mini-checkout-content * {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  fill: #fff !important;
}
.singl_product_buttons .s-add-product-button-mini-checkout-content * {
  background: transparent !important;
}

/* 5) إزالة أي حدود/تحديد عند الضغط */
.singl_product_buttons salla-add-product-button *:focus,
.singl_product_buttons salla-add-product-button *:focus-visible,
.singl_product_buttons salla-add-product-button *:active {
  outline: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* 6) الموبايل: كل زر صف كامل بنفس المقاس + Apple Pay تحت */
@media (max-width: 768px) {
  .singl_product_buttons .s-button-btn,
  .singl_product_buttons .s-add-product-button-mini-checkout-content,
  .singl_product_buttons .s-fast-checkout-button,
  .singl_product_buttons apple-pay-button,
  .singl_product_buttons [class*="apple_pay"],
  .singl_product_buttons [class*="apple-pay"] {
    width: 100% !important;
    max-width: none !important;
    height: 54px !important;
    min-height: 54px !important;
    margin-top: 0 !important;
    border-radius: 10px !important;
  }
}