/* Adsrek Pay redesign v1.10.10
   Fixes for the second screen: the wallet feature is back as a bank-card visual,
   without the ugly highlighted balance chips. */

.ap-feature--wallet{
  min-height:360px!important;
}

.ap-feature--wallet p{
  max-width:395px!important;
}

.ap-wallet-showcase{
  position:absolute!important;
  left:26px!important;
  right:26px!important;
  bottom:24px!important;
}

.ap-wallet-showcase-card{
  position:relative!important;
  min-height:132px!important;
  padding:17px 18px 15px!important;
  border-radius:18px!important;
  overflow:hidden!important;
  border:1px solid rgba(142,200,233,.22)!important;
  box-shadow:0 14px 32px rgba(21,42,67,.14)!important;
}

.ap-wallet-showcase-card:before{
  content:""!important;
  position:absolute!important;
  right:-34px!important;
  top:-48px!important;
  width:170px!important;
  height:170px!important;
  border-radius:50%!important;
  border:1px solid rgba(255,255,255,.15)!important;
  opacity:.9!important;
}

.ap-wallet-showcase-card:after{
  content:""!important;
  position:absolute!important;
  right:22px!important;
  top:18px!important;
  width:86px!important;
  height:86px!important;
  border-radius:50%!important;
  border:1px solid rgba(255,255,255,.1)!important;
  opacity:.65!important;
}

.ap-wallet-showcase-brand{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  position:relative!important;
  z-index:1!important;
}

.ap-wallet-showcase-brand i{
  width:19px!important;
  height:19px!important;
  border-radius:7px!important;
  display:block!important;
  background:linear-gradient(145deg,#2f73ff,#4ec0ff)!important;
  box-shadow:0 7px 14px rgba(58,121,255,.25)!important;
}

.ap-wallet-showcase-brand span{
  font-size:14px!important;
  font-weight:900!important;
  letter-spacing:-.02em!important;
}

.ap-wallet-showcase-card>em{
  position:absolute!important;
  right:18px!important;
  top:17px!important;
  font-style:normal!important;
  text-transform:uppercase!important;
  font-size:9px!important;
  font-weight:900!important;
  letter-spacing:.12em!important;
  opacity:.8!important;
}

.ap-wallet-showcase-card>small{
  display:block!important;
  margin-top:18px!important;
  font-size:10px!important;
  font-weight:700!important;
  position:relative!important;
  z-index:1!important;
}

.ap-wallet-showcase-card>strong{
  display:block!important;
  margin-top:6px!important;
  font-size:32px!important;
  line-height:1!important;
  letter-spacing:-.05em!important;
  position:relative!important;
  z-index:1!important;
}

.ap-wallet-showcase-card>strong span{
  font-size:18px!important;
  letter-spacing:-.02em!important;
}

.ap-wallet-showcase-number{
  margin-top:16px!important;
  font-size:18px!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
  position:relative!important;
  z-index:1!important;
}

.ap-wallet-showcase-meta{
  margin-top:14px!important;
  display:flex!important;
  justify-content:space-between!important;
  gap:10px!important;
  font-size:10px!important;
  text-transform:uppercase!important;
  letter-spacing:.11em!important;
  position:relative!important;
  z-index:1!important;
}

html[data-theme="light"] .ap-wallet-showcase-card{
  background:linear-gradient(145deg,#f9fcff,#edf5fb 58%,#e4eef7)!important;
  border-color:#dbe7f0!important;
  box-shadow:0 16px 34px rgba(29,58,94,.08)!important;
}
html[data-theme="light"] .ap-wallet-showcase-brand span,
html[data-theme="light"] .ap-wallet-showcase-card>strong,
html[data-theme="light"] .ap-wallet-showcase-number{
  color:#183559!important;
}
html[data-theme="light"] .ap-wallet-showcase-card>small,
html[data-theme="light"] .ap-wallet-showcase-meta,
html[data-theme="light"] .ap-wallet-showcase-card>em{
  color:#7f95aa!important;
}
html[data-theme="light"] .ap-feature--wallet .ap-feature-icon{
  background:linear-gradient(145deg,#f1f6ff,#eaf3ff)!important;
}

html[data-theme="dark"] .ap-wallet-showcase-card{
  background:linear-gradient(145deg,#214162,#193754 56%,#163149)!important;
  border-color:#35516d!important;
  box-shadow:0 18px 36px rgba(0,0,0,.25)!important;
}
html[data-theme="dark"] .ap-wallet-showcase-brand span,
html[data-theme="dark"] .ap-wallet-showcase-card>strong,
html[data-theme="dark"] .ap-wallet-showcase-number{
  color:#eef4fb!important;
}
html[data-theme="dark"] .ap-wallet-showcase-card>small,
html[data-theme="dark"] .ap-wallet-showcase-meta,
html[data-theme="dark"] .ap-wallet-showcase-card>em{
  color:#90a5ba!important;
}

@media(max-width:720px){
  .ap-feature--wallet{
    min-height:350px!important;
  }
  .ap-wallet-showcase-card>strong{
    font-size:28px!important;
  }
  .ap-wallet-showcase-number{
    font-size:16px!important;
  }
}