/* Add custom CSS styles below */
/* athbah: أسهم التنقل بين صور المنتج */
.athbah-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 20;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  border: none;
  background: rgba(255,255,255,.92);
  color: #101f43;
  box-shadow: 0 2px 10px rgba(0,0,0,.16);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background .2s;
}
.athbah-nav:hover { background: #fff; }
.athbah-nav--prev { right: 12px; }
.athbah-nav--next { left: 12px; }
@media (max-width: 767px) {
  .athbah-nav { width: 36px; height: 36px; }
  .athbah-nav--prev { right: 8px; }
  .athbah-nav--next { left: 8px; }
}
/* athbah: إخفاء وسائل الاتصال النصية من الفوتر والإبقاء على أيقونات السوشيال */
.store-footer__contacts-row .enhanced_rounded_contacts {
  display: none !important;
}

/* athbah: منع زر واتساب من حجب الحاسبة وأزرار الشراء على الجوال */
@media (max-width: 767px) {
  #wa-selia {
    width: 52px !important;
    height: 52px !important;
    min-width: 52px !important;
    padding: 0 !important;
    right: auto !important;
    left: 16px !important;
    bottom: 145px !important;
  }
  #wa-selia > a {
    width: 52px !important;
    height: 52px !important;
    padding: 0 !important;
    gap: 0 !important;
    justify-content: center !important;
  }
  #wa-selia span {
    display: none !important;
  }
}
/* athbah: رفع زر واتساب فوق شريط الشراء وشريط التنقل في الجوال */
@media (max-width: 767px) { #wa-selia { bottom: 215px !important; } }

/* athbah: لون كتابة التقييم أبيض على الخلفية الكحلية */
body[class*="rating"] textarea,
[class*="rating"] textarea,
[id*="rating"] textarea,
salla-rating textarea,
salla-rating-modal textarea,
.s-rating-modal textarea {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  caret-color: #ffffff !important;
}
body[class*="rating"] textarea::placeholder,
[class*="rating"] textarea::placeholder,
[id*="rating"] textarea::placeholder,
salla-rating textarea::placeholder,
salla-rating-modal textarea::placeholder,
.s-rating-modal textarea::placeholder {
  color: rgba(255,255,255,.65) !important;
  -webkit-text-fill-color: rgba(255,255,255,.65) !important;
}

/* athbah: توضيح نص آراء العملاء والتقييمات على الخلفية الكحلية */
.bg-store-bg-secondary,
.bg-store-bg-secondary p,
.bg-store-bg-secondary a,
.bg-store-bg-secondary h1,
.bg-store-bg-secondary h2,
.bg-store-bg-secondary h3,
.bg-store-bg-secondary h4,
.bg-store-bg-secondary h5,
.bg-store-bg-secondary h6,
.bg-store-bg-secondary .text-store-text-primary,
.bg-store-bg-secondary .text-store-text-secondary,
.s-block--testimonials .review p,
.s-block--testimonials .review .text-store-text-primary,
.s-block--testimonials .review .text-store-text-secondary,
body.testimonials .review p,
body.testimonials .review .text-store-text-primary,
body.testimonials .review .text-store-text-secondary {
  color: #ffffff !important;
}
.bg-store-bg-secondary i[class*="sicon-star"],
.s-block--testimonials .comment__rating i,
body.testimonials .comment__rating i {
  color: #fbbf24 !important;
}
/* v2 */

/* athbah: إبراز شهادة توثيق منصة الأعمال في الفوتر */
.s-payments-list-item:has(.s-payments-sbc-image){
  display: flex !important;
  flex-direction: column;
  align-items: center;
  gap: 5px;
  margin-inline-end: 14px;
}
.s-payments-sbc-image{
  width: 60px !important;
  height: auto !important;
  max-height: none !important;
}
.s-payments-list-item:has(.s-payments-sbc-image)::after{
  content: "موثق لدى منصة الأعمال";
  font-size: 11px;
  line-height: 1.4;
  color: #ffffff;
  opacity: .9;
  white-space: nowrap;
}
@media (max-width: 767px){
  .s-payments-sbc-image{ width: 46px !important; }
  .s-payments-list-item:has(.s-payments-sbc-image)::after{ font-size: 9px; }
}

.s-payments-list{ padding-inline: 12px; flex-wrap: wrap; row-gap: 6px; }

/* athbah: نقل شهادة منصة الأعمال بجانب السجل التجاري */
.s-payments-list-item:has(.s-payments-sbc-image){ display: none !important; }
.footer-badges{ gap: 26px; }
.footer-badges::after{
  content: "موثق لدى منصة الأعمال";
  display: inline-flex;
  align-items: flex-end;
  justify-content: center;
  min-width: 118px;
  padding-top: 62px;
  background-image: url("https://cdn.salla.network/images/sbc.png");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 54px auto;
  font-size: 11px;
  line-height: 1.4;
  color: #ffffff;
  opacity: .92;
  text-align: center;
}

/* athbah: ترتيب صفحة المنتج — وصف مختصر ثم حاسبة المقاس ثم الشراء ثم بانرات التقسيط */
.product-single__info{ display: flex; flex-direction: column; }
.product-single__info > *{ order: 1; }
.product-single__info > salla-installment{ order: 2; }
.product-single__info > .product-features--wrapper{ order: 3; }
.product-single__info > salla-payments{ order: 4; }
.product-single__info > salla-bought-together{ order: 5; }
.product-single__info > salla-quick-order{ order: 6; }
form.product-form{ display: flex; flex-direction: column; }
form.product-form > *{ order: 2; }
form.product-form > #azf-box{ order: 1; margin-bottom: 1.25rem; }