/* DjimlyStore Digital v2.39.46 — VIP no-gap flow, elite readability, verified gateway return polish */

/* Put the VIP header back in the normal flex flow. This removes the duplicated reserved
   top space that produced the large blank band on iPhone/PWA. */
html body #djs-portal #djs-screen-vip.djs-vip46-screen .djs-vip44-backbar{
  position:relative!important;
  inset:auto!important;
  flex:0 0 auto!important;
  width:100%!important;
  height:calc(62px + env(safe-area-inset-top,0px))!important;
  min-height:calc(62px + env(safe-area-inset-top,0px))!important;
  margin:0!important;
  padding:calc(env(safe-area-inset-top,0px) + 7px) 15px 7px!important;
  background:rgba(255,255,255,.98)!important;
  border-bottom:1px solid rgba(15,23,42,.07)!important;
  box-shadow:0 6px 18px rgba(15,23,42,.045)!important;
  z-index:40!important;
}
html body #djs-portal #djs-screen-vip.djs-vip46-screen>.djs-vip43-scroller{
  flex:1 1 auto!important;
  min-height:0!important;
  padding:0!important;
  margin:0!important;
  background:#fff!important;
}
html body #djs-portal #djs-screen-vip.djs-vip46-screen .djs-vip44-shell{
  padding:0 0 calc(112px + env(safe-area-inset-bottom,0px))!important;
  margin:0!important;
  min-height:100%!important;
}
html body #djs-portal #djs-screen-vip.djs-vip46-screen .djs-vip44-journey{
  margin:0!important;
  padding-top:8px!important;
}

/* Dark/elite tiers: every readable label follows the dark surface, even if older theme
   selectors are cached or loaded by the host theme after the VIP stylesheet. */
html body #djs-portal #djs-screen-vip .djs-vip44-level-card.is-elite,
html body #djs-portal #djs-screen-vip .djs-vip44-level-card.is-elite p,
html body #djs-portal #djs-screen-vip .djs-vip44-level-card.is-elite .djs-vip44-upgrade-copy{
  color:#e9ddb6!important;
}
html body #djs-portal #djs-screen-vip .djs-vip44-level-card.is-elite strong,
html body #djs-portal #djs-screen-vip .djs-vip44-level-card.is-elite b,
html body #djs-portal #djs-screen-vip .djs-vip44-level-card.is-elite .djs-vip44-vip-title{
  color:#fff3c4!important;
}
html body #djs-portal #djs-screen-vip .djs-vip44-level-card.is-elite .djs-vip44-validity small{
  color:#d4c58e!important;
}
html body #djs-portal #djs-screen-vip .djs-vip44-level-card.is-elite .djs-vip44-validity b{
  color:#fff6d5!important;
}
html body #djs-portal #djs-screen-vip .djs-vip44-shell[data-tier="5"] .djs-vip44-member>strong,
html body #djs-portal #djs-screen-vip .djs-vip44-shell[data-tier="5"] .djs-vip44-node{
  color:#fff0b7!important;
  text-shadow:0 1px 8px rgba(0,0,0,.38);
}
html body #djs-portal #djs-screen-vip .djs-vip44-shell[data-tier="5"] .djs-vip44-road-line{stroke:rgba(255,226,132,.62)!important}
html body #djs-portal #djs-screen-vip .djs-vip44-shell[data-tier="5"] .djs-vip44-road-shadow{stroke:rgba(255,226,132,.13)!important}

/* Keep actions high-contrast on both light and black cards. */
html body #djs-portal #djs-screen-vip .djs-vip44-level-card.is-elite .djs-vip44-payrow button{
  background:linear-gradient(180deg,#fff3c9,#efd27a)!important;
  color:#372a07!important;
  border-color:#ddbb57!important;
  font-weight:900!important;
}
html body #djs-portal #djs-screen-vip .djs-vip44-level-card.is-elite .djs-vip44-details{
  background:linear-gradient(180deg,#fff4cd,#efd47e)!important;
  color:#342806!important;
  border:1px solid #dfbf61!important;
  font-weight:900!important;
}

/* Payment verification feedback is intentionally visual-only; activation remains server-side. */
#djs-screen-vip .djs-vip46-payment-state{color:#0a668f;background:#eaf8ff;border:1px solid #c9ebfb;border-radius:14px;padding:10px 12px;font-size:11px;font-weight:750}