/* CATALOUG_PDP_PHYSICAL_PAYMENT_DELIVERY_FIX_V3_START */

/* =========================================================
   1) BANK CARD OFFER — PHYSICAL POSITIONS, NOT RTL GUESSING
   Shopify Arabic mobile target:
   TOP:  saved amount LEFT | badge RIGHT
   BODY: price box LEFT | text + card icon RIGHT
   ========================================================= */

.bank-card-offer.bank-card-offer--ar,
.bank-card-offer[dir="rtl"] {
  direction: rtl !important;
}

/* Geometry is explicitly LTR so physical left/right cannot be mirrored. */
.bank-card-offer--ar .bank-card-offer__top,
.bank-card-offer[dir="rtl"] .bank-card-offer__top,
.bank-card-offer--ar .bank-card-offer__body,
.bank-card-offer[dir="rtl"] .bank-card-offer__body {
  direction: ltr !important;
  flex-direction: row !important;
}

/* TOP: saved amount physically LEFT, badge physically RIGHT. */
.bank-card-offer--ar .bank-card-offer__save,
.bank-card-offer[dir="rtl"] .bank-card-offer__save {
  order: 1 !important;
  direction: rtl !important;
}

.bank-card-offer--ar .bank-card-offer__badge,
.bank-card-offer[dir="rtl"] .bank-card-offer__badge {
  order: 2 !important;
  direction: rtl !important;
}

/* BODY: price physically LEFT, icon/text group physically RIGHT. */
.bank-card-offer--ar .bank-card-offer__price-box,
.bank-card-offer[dir="rtl"] .bank-card-offer__price-box {
  order: 1 !important;
  direction: ltr !important;
}

.bank-card-offer--ar .bank-card-offer__left,
.bank-card-offer[dir="rtl"] .bank-card-offer__left {
  order: 2 !important;
  direction: ltr !important;
  flex-direction: row !important;
}

/* Inside right group: Arabic title LEFT of icon, icon at physical RIGHT. */
.bank-card-offer--ar .bank-card-offer__text,
.bank-card-offer[dir="rtl"] .bank-card-offer__text {
  order: 1 !important;
  direction: rtl !important;
  text-align: right !important;
}

.bank-card-offer--ar .bank-card-offer__icon,
.bank-card-offer[dir="rtl"] .bank-card-offer__icon {
  order: 2 !important;
}


/* =========================================================
   2) INSTALLMENT PAYMENT HUB — EXACT PHYSICAL HEADER ORDER
   Shopify Arabic target:
   arrow LEFT | heading text + card icon RIGHT
   brands remain untouched.
   ========================================================= */

.payment-hub.payment-hub--rtl .payment-hub__top-row {
  direction: ltr !important;
  flex-direction: row !important;
}

.payment-hub.payment-hub--rtl .payment-hub__arrow {
  order: 1 !important;
}

.payment-hub.payment-hub--rtl .payment-hub__heading {
  order: 2 !important;
  direction: ltr !important;
  flex-direction: row !important;
}

.payment-hub.payment-hub--rtl .payment-hub__heading-text {
  order: 1 !important;
  direction: rtl !important;
  text-align: right !important;
}

.payment-hub.payment-hub--rtl .payment-hub__icon {
  order: 2 !important;
}


/* =========================================================
   3) ESTIMATED DELIVERY STATIC FALLBACK
   Native app custom element does not hydrate visually.
   Reference mobile Arabic shows this banner immediately
   before the installment/payment hub.
   ========================================================= */

.cataloug-estimated-delivery-fallback-v3 {
  width: 100%;
  min-height: 52px;
  margin: 10px 0 14px;
  padding: 0 18px;

  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;

  border-radius: 17px;
  background: #00365d;
  color: #ffffff;

  font-family: "Cairo", sans-serif !important;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.35;

  direction: ltr !important;
}

.cataloug-estimated-delivery-fallback-v3__icon {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;

  color: #ffe500;
}

.cataloug-estimated-delivery-fallback-v3__text {
  direction: rtl !important;
  text-align: center;
}

@media screen and (min-width: 750px) {
  .cataloug-estimated-delivery-fallback-v3 {
    min-height: 54px;
  }
}

/* CATALOUG_PDP_PHYSICAL_PAYMENT_DELIVERY_FIX_V3_END */