@import url('/payment-logo-final.css?v=final-20260914');

/* FINAL wallet artwork: local SVG, centered, no pseudo-element clipping. */
html body .modal .pay-options .payment-method[data-method="wallet"] .payment-method-logo{
  width:88px!important;
  height:88px!important;
  min-width:88px!important;
  flex:0 0 88px!important;
  border-radius:20px!important;
  overflow:hidden!important;
  position:relative!important;
  display:grid!important;
  place-items:center!important;
  box-sizing:border-box!important;
  background:#14172a url('/assets/wallet-icon.svg?v=final-20260914') center center / 58px 58px no-repeat!important;
  border:1px solid rgba(132,93,255,.52)!important;
  box-shadow:0 10px 28px rgba(68,44,185,.26),inset 0 0 0 1px rgba(255,255,255,.025)!important;
}
html body .modal .pay-options .payment-method[data-method="wallet"] .payment-method-logo::before,
html body .modal .pay-options .payment-method[data-method="wallet"] .payment-method-logo::after{content:none!important;display:none!important}

/* Four wallet providers under the title. */
html body .modal .pay-options .payment-method[data-method="wallet"] .payment-method-copy small{
  font-size:0!important;
  line-height:0!important;
  color:transparent!important;
  width:176px!important;
  height:36px!important;
  position:relative!important;
  overflow:visible!important;
  background:none!important;
}
html body .modal .pay-options .payment-method[data-method="wallet"] .payment-method-copy small::before{
  content:""!important;
  display:block!important;
  width:176px!important;
  height:36px!important;
  background-repeat:no-repeat!important;
  background-position:left center,33.333% center,66.666% center,right center!important;
  background-size:34px 34px,34px 34px,34px 34px,34px 34px!important;
  background-image:url('https://upload.wikimedia.org/wikipedia/commons/e/ef/Vodafone_Logo.svg'),url('https://upload.wikimedia.org/wikipedia/commons/c/c8/Orange_logo.svg'),url('https://upload.wikimedia.org/wikipedia/commons/e/e3/Etisalat_Logo.svg'),url('https://upload.wikimedia.org/wikipedia/commons/0/0f/We_logo.svg')!important;
}

/* InstaPay — use the working local PNG artwork. */
html body .modal .pay-options .payment-method[data-method="instapay"] .payment-method-logo{
  background:#fff url('/instabay.png?v=instapay-final-20260914') center/contain no-repeat!important;
  border:1px solid rgba(255,255,255,.78)!important;
  box-shadow:0 9px 24px rgba(0,0,0,.20)!important;
  overflow:hidden!important;
}
html body .modal .pay-options .payment-method[data-method="instapay"] .payment-method-logo::before,
html body .modal .pay-options .payment-method[data-method="instapay"] .payment-method-logo::after{content:none!important;display:none!important}

@media(max-width:760px){
  html body .modal .pay-options .payment-method[data-method="wallet"] .payment-method-logo{
    width:68px!important;height:68px!important;min-width:68px!important;flex-basis:68px!important;border-radius:15px!important;
    background-size:44px 44px!important;
  }
  html body .modal .pay-options .payment-method[data-method="wallet"] .payment-method-copy small::before{background-size:28px 28px,28px 28px,28px 28px,28px 28px!important}
}