/* WanTopup v84.99bo — final public UI layer.
   One combined sticky registration + WhatsApp component, and refined truthful nudge.
   Loaded AFTER the previous UI stylesheets to avoid adding another cascade chain. */

/* Single sticky component. Dynamic price labels stay inside their own buttons. */
body .wtp-join-bar[data-wtp-join-global="1"]{
  box-sizing:border-box!important;
  bottom:max(10px,env(safe-area-inset-bottom,0px))!important;
  max-width:min(1120px,calc(100vw - 24px))!important;
  gap:14px!important;
  padding:13px 47px 13px 17px!important;
  border-radius:20px!important;
  background:#103a38!important;
  border:1px solid #407c72!important;
  box-shadow:0 15px 38px rgba(6,35,37,.25)!important;
  overflow:visible!important;
}
body .wtp-join-bar .wtp-join-copy{min-width:0!important;flex:0 1 245px!important}
body .wtp-join-bar .wtp-join-copy strong{
  color:#fff!important;
  font-size:clamp(14px,1.2vw,17px)!important;
  line-height:1.28!important;
  font-weight:850!important;
  overflow-wrap:break-word!important;
}
body .wtp-join-bar .wtp-join-copy span{
  color:#d4e7e3!important;
  font-size:12px!important;
  line-height:1.4!important;
}
body .wtp-join-bar .wtp-join-links{
  display:grid!important;
  flex:1 1 0!important;
  width:auto!important;
  min-width:0!important;
  grid-template-columns:repeat(3,minmax(0,1fr)) minmax(166px,1.46fr)!important;
  gap:7px!important;
  align-items:stretch!important;
}
body .wtp-join-bar .wtp-join-links>a[data-wtp-tier]{
  min-width:0!important;
  box-sizing:border-box!important;
  min-height:44px!important;
  padding:9px 7px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  line-height:1.2!important;
  text-align:center!important;
  overflow-wrap:anywhere!important;
  border-radius:12px!important;
}
body .wtp-join-bar .wtp-join-links>a.wtp-join-whatsapp{
  order:4!important;
  box-sizing:border-box!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  min-height:44px!important;
  padding:9px 11px!important;
  border:1px solid #9ae7b8!important;
  border-radius:12px!important;
  background:#087c4a!important;
  background-image:none!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  font:800 12px/1.25 system-ui,-apple-system,'Segoe UI',sans-serif!important;
  text-decoration:none!important;
  box-shadow:0 5px 14px rgba(3,35,27,.18)!important;
  transition:background-color .17s ease,box-shadow .17s ease!important;
  white-space:normal!important;
  text-align:center!important;
}
body .wtp-join-bar .wtp-join-links>a.wtp-join-whatsapp:visited{
  color:#fff!important;-webkit-text-fill-color:#fff!important;
}
body .wtp-join-bar .wtp-join-links>a.wtp-join-whatsapp:hover{
  background:#05633d!important;
  box-shadow:0 7px 17px rgba(3,35,27,.25)!important;
  transform:none!important;
}
body .wtp-join-bar .wtp-join-links>a.wtp-join-whatsapp svg{
  display:block!important;
  flex:0 0 19px!important;
  width:19px!important;
  height:19px!important;
  color:inherit!important;
}
body .wtp-join-bar .wtp-join-links>a.wtp-join-whatsapp span{
  color:#fff!important;-webkit-text-fill-color:#fff!important;
  font:inherit!important;white-space:normal!important;
}
body .wtp-join-bar .wtp-join-dismiss{
  width:38px!important;height:38px!important;
  top:6px!important;right:5px!important;
  border-radius:50%!important;
  color:#fff!important;
  cursor:pointer!important;
}
body .wtp-join-bar .wtp-join-links>a.wtp-join-whatsapp:focus-visible,
body .wtp-join-bar .wtp-join-dismiss:focus-visible{
  outline:3px solid #facc15!important;outline-offset:2px!important;
}
@media (max-width:1050px){
  body .wtp-join-bar[data-wtp-join-global="1"]{flex-wrap:wrap!important;gap:9px!important}
  body .wtp-join-bar .wtp-join-copy{flex:1 1 100%!important;width:100%!important}
  body .wtp-join-bar .wtp-join-links{flex:1 1 100%!important;width:100%!important}
}
@media (max-width:760px){
  body .wtp-join-bar[data-wtp-join-global="1"]{
    left:max(8px,env(safe-area-inset-left,0px))!important;
    right:max(8px,env(safe-area-inset-right,0px))!important;
    max-width:calc(100vw - 16px)!important;
    padding:11px 39px 11px 12px!important;
    border-radius:17px!important;
  }
  body .wtp-join-bar .wtp-join-copy{width:100%!important;flex:1 1 100%!important}
  body .wtp-join-bar .wtp-join-copy strong{font-size:15px!important}
  body .wtp-join-bar .wtp-join-copy span{font-size:11px!important}
  body .wtp-join-bar .wtp-join-links{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:6px!important;
    width:100%!important;
    min-width:0!important;
    margin:0!important;
  }
  body .wtp-join-bar .wtp-join-links>a[data-wtp-tier]{
    min-width:0!important;width:100%!important;min-height:42px!important;
    padding:8px 3px!important;font-size:clamp(10px,3vw,12px)!important;
  }
  body .wtp-join-bar .wtp-join-links>a.wtp-join-whatsapp{
    grid-column:1 / -1!important;
    min-height:42px!important;
    font-size:12px!important;
    padding:8px 9px!important;
  }
  body .wtp-join-bar .wtp-join-dismiss{right:4px!important;top:4px!important}
}
@media (max-width:350px){
  body .wtp-join-bar[data-wtp-join-global="1"]{padding-left:9px!important;padding-right:36px!important}
  body .wtp-join-bar .wtp-join-links{gap:4px!important;width:100%!important}
  body .wtp-join-bar .wtp-join-links>a[data-wtp-tier]{font-size:10px!important}
}
@media (max-height:430px) and (max-width:760px){
  body .wtp-join-bar[data-wtp-join-global="1"]{max-height:45vh!important;overflow-y:auto!important}
}
body.wtp-join-input-focus .wtp-join-bar[data-wtp-join-global="1"]{display:none!important}

/* One notification visual system for real activity and honest package nudges.
   State texts are controlled by PHP/JS; CSS does not fabricate activity. */
body .wtp-registration-activity[data-wtp-public-nudge="1"]{
  left:max(12px,env(safe-area-inset-left,0px))!important;
  right:auto!important;
  bottom:max(15px,env(safe-area-inset-bottom,0px))!important;
  z-index:9995!important;
  box-sizing:border-box!important;
  width:min(448px,calc(100vw - 24px))!important;
  max-width:448px!important;
  display:grid!important;
  grid-template-columns:46px minmax(0,1fr) auto!important;
  grid-template-areas:"icon copy cta"!important;
  gap:11px!important;
  align-items:center!important;
  padding:13px 43px 14px 13px!important;
  border:1px solid var(--wtp-activity-border,#a4d8c7)!important;
  border-left:4px solid var(--wtp-activity,#087554)!important;
  border-radius:20px!important;
  background:linear-gradient(113deg,var(--wtp-activity-soft,#eff9f5),#fff 58%,#fff)!important;
  box-shadow:0 16px 40px rgba(10,47,45,.15),0 2px 8px rgba(10,47,45,.06)!important;
  isolation:isolate!important;
}
body.wtp-with-join-bar .wtp-registration-activity[data-wtp-public-nudge="1"]{
  bottom:calc(var(--wtp-join-height,110px) + max(10px,env(safe-area-inset-bottom,0px)) + 18px)!important;
}
body.wtp-join-input-focus .wtp-registration-activity[data-wtp-public-nudge="1"]{display:none!important}
body .wtp-registration-activity[data-wtp-public-nudge="1"] .wtp-registration-activity-icon{
  width:46px!important;height:46px!important;border-radius:15px!important;
  box-shadow:0 6px 13px rgba(5,89,60,.15)!important;
  font-size:16px!important;
}
body .wtp-registration-activity[data-wtp-public-nudge="1"] .wtp-registration-activity-copy strong{
  font-size:14px!important;line-height:1.28!important;font-weight:850!important;
  letter-spacing:-.01em!important;
}
body .wtp-registration-activity[data-wtp-public-nudge="1"] .wtp-registration-activity-copy>span{
  margin-top:3px!important;font-size:11.5px!important;line-height:1.35!important;
  color:#526973!important;
}
body .wtp-registration-activity[data-wtp-public-nudge="1"] .wtp-registration-activity-link{
  justify-self:end!important;
  width:auto!important;
  min-width:0!important;
  min-height:42px!important;
  padding:9px 12px!important;
  border-radius:12px!important;
  font-size:12px!important;
  font-weight:850!important;
  text-decoration:none!important;
  transform:none!important;
  box-shadow:0 6px 14px rgba(14,66,52,.15)!important;
}
body .wtp-registration-activity[data-wtp-public-nudge="1"] .wtp-registration-activity-link:hover{
  filter:brightness(.94)!important;
}
body .wtp-registration-activity[data-wtp-public-nudge="1"] .wtp-registration-activity-close{
  display:flex!important;align-items:center!important;justify-content:center!important;
  width:36px!important;height:36px!important;top:5px!important;right:4px!important;
  background:transparent!important;color:#455d65!important;
  border-radius:50%!important;font-size:21px!important;
}
body .wtp-registration-activity[data-wtp-public-nudge="1"] .wtp-registration-activity-progress{
  height:3px!important;opacity:.65!important;
  background:linear-gradient(90deg,var(--wtp-activity,#087554),#a8ded1 80%,transparent)!important;
}
body .wtp-registration-activity[data-wtp-public-nudge="1"] .wtp-registration-activity-link:focus-visible,
body .wtp-registration-activity[data-wtp-public-nudge="1"] .wtp-registration-activity-close:focus-visible{
  outline:3px solid #eab308!important;outline-offset:2px!important;
}
@media (max-width:520px){
  body .wtp-registration-activity[data-wtp-public-nudge="1"]{
    grid-template-columns:40px minmax(0,1fr)!important;
    grid-template-areas:"icon copy" "cta cta"!important;
    gap:7px 10px!important;
    padding:11px 42px 12px 12px!important;
    border-radius:17px!important;
  }
  body .wtp-registration-activity[data-wtp-public-nudge="1"] .wtp-registration-activity-icon{
    width:40px!important;height:40px!important;border-radius:13px!important;
  }
  body .wtp-registration-activity[data-wtp-public-nudge="1"] .wtp-registration-activity-link{
    grid-area:cta!important;grid-column:1 / -1!important;
    justify-self:stretch!important;min-height:38px!important;
    width:100%!important;margin:1px 0 0!important;padding:7px 12px!important;
  }
  body .wtp-registration-activity[data-wtp-public-nudge="1"] .wtp-registration-activity-copy strong{
    font-size:13.5px!important;
  }
}
@media (max-width:350px){
  body .wtp-registration-activity[data-wtp-public-nudge="1"]{
    left:8px!important;width:calc(100vw - 16px)!important;
    padding:10px 39px 11px 10px!important;
  }
}
@media (max-height:480px) and (max-width:760px){
  body .wtp-registration-activity[data-wtp-public-nudge="1"]{max-height:40vh!important;overflow:auto!important}
}
@media (prefers-reduced-motion:reduce){
  body .wtp-registration-activity[data-wtp-public-nudge="1"],
  body .wtp-registration-activity[data-wtp-public-nudge="1"] .wtp-registration-activity-link{
    transition:none!important;
  }
}
@media print{
  body .wtp-registration-activity[data-wtp-public-nudge="1"]{display:none!important}
}