/* WanTopup v84.92: targeted UI repair. Loaded last, no payment or DB changes. */
/* Share is a normal header action rather than an absolute overlay. Explicitly
   cancel the older floating-share top/right offsets to prevent collisions. */
.site-header.wantopup-header .wtp-header-actions{
  display:flex!important;align-items:center!important;justify-content:flex-end!important;
  flex-wrap:wrap!important;gap:10px!important;min-width:0!important;
}
.site-header.wantopup-header .wtp-header-actions .wtp-share-header-trigger{
  position:static!important;top:auto!important;right:auto!important;
  bottom:auto!important;left:auto!important;inset:auto!important;
  transform:none!important;float:none!important;flex:0 0 36px!important;
  width:36px!important;min-width:36px!important;height:36px!important;
  margin:0!important;align-self:center!important;z-index:1!important;
}
.site-header.wantopup-header .wtp-header-actions .wtp-language-switcher{
  position:static!important;flex:0 0 auto!important;width:auto!important;min-width:0!important;
  margin:0!important;padding:4px!important;gap:5px!important;
}
.site-header.wantopup-header .wtp-header-actions .wtp-language-switcher button{
  flex:0 0 auto!important;min-width:34px!important;min-height:32px!important;
  padding:6px 8px!important;
}
@media(max-width:620px){
  /* Logo, tools and navigation use independent rows on narrow screens. */
  .site-header.wantopup-header{
    display:grid!important;grid-template-columns:minmax(0,1fr)!important;
    gap:9px!important;align-items:center!important;
  }
  .site-header.wantopup-header .brand{
    grid-column:1!important;grid-row:1!important;justify-self:start!important;
    width:auto!important;max-width:100%!important;min-width:0!important;
    padding-inline:0!important;margin:0!important;
  }
  .site-header.wantopup-header .wtp-header-actions{
    grid-column:1!important;grid-row:2!important;justify-self:end!important;
    width:auto!important;max-width:100%!important;min-width:0!important;
    flex:0 0 auto!important;margin:0!important;gap:12px!important;
  }
  .site-header.wantopup-header .main-nav{
    grid-column:1!important;grid-row:3!important;width:100%!important;min-width:0!important;
    margin:0!important;
  }
}
@media(max-width:360px){
  .site-header.wantopup-header .wtp-header-actions{gap:9px!important}
  .site-header.wantopup-header .wtp-header-actions .wtp-language-switcher button{
    min-width:32px!important;padding:5px 6px!important;
  }
}
/* Ensure high-contrast text for selected language. Inherited WebKit text fill
   from old link styles used to make the active text dark on dark green. */
.wtp-policy-page .wtp-policy-lang-nav a{
  color:#124b51!important;-webkit-text-fill-color:#124b51!important;
  background:#ffffff!important;border:1px solid #77b8b0!important;
  text-shadow:none!important;
}
.wtp-policy-page .wtp-policy-lang-nav a[aria-current="page"],
.wtp-policy-page .wtp-policy-lang-nav a[aria-current="page"]:is(:link,:visited,:hover,:focus){
  color:#ffffff!important;-webkit-text-fill-color:#ffffff!important;
  background:#0a6558!important;border-color:#0a6558!important;
  text-shadow:none!important;
}
body.wtp-policy-page .wtp-policy-main .wtp-policy-heading .wtp-policy-lang-nav a[aria-current="page"]{
  color:#ffffff!important;-webkit-text-fill-color:#ffffff!important;
}
.wtp-policy-page .wtp-policy-lang-nav a:focus-visible,
.site-header.wantopup-header .wtp-header-actions button:focus-visible{
  outline:3px solid #f0aa35!important;outline-offset:3px!important;
}
/* Registration price feature: the oversized RM0 figure used to push its label
   against the bottom border on dedicated pages. Let both lines size naturally. */
body main .payment-packages-section .pricing-table.payment-package-grid > article.wtp-package[data-wtp-tier] > .price.wtp-package-price,
body.direct-simple-register-page main .direct-simple-register-section .pricing-table.payment-package-grid > article.payment-plan-card-single.wtp-package[data-wtp-tier] > .price.wtp-package-price{
  display:block!important;box-sizing:border-box!important;
  min-height:0!important;height:auto!important;overflow:visible!important;
  padding:22px 16px 28px!important;
  margin:16px auto 22px!important;
  line-height:1.16!important;
}
body main .payment-packages-section .pricing-table.payment-package-grid > article.wtp-package[data-wtp-tier] > .price.wtp-package-price span,
body.direct-simple-register-page main .direct-simple-register-section .pricing-table.payment-package-grid > article.payment-plan-card-single.wtp-package[data-wtp-tier] > .price.wtp-package-price span{
  display:block!important;position:static!important;
  margin:12px 0 0!important;padding:0!important;
  line-height:1.55!important;font-size:14px!important;
  transform:none!important;white-space:normal!important;
}
/* Also separate the second, smaller fee summary and the registration form. */
body main .payment-packages-section .pricing-table.payment-package-grid > article.wtp-package[data-wtp-tier] > .registration-fee-summary,
body.direct-simple-register-page main .direct-simple-register-section .pricing-table.payment-package-grid > article.payment-plan-card-single.wtp-package[data-wtp-tier] > .registration-fee-summary{
  margin-top:18px!important;margin-bottom:19px!important;
}
body main .payment-packages-section .pricing-table.payment-package-grid > article.wtp-package[data-wtp-tier] > .registration-fee-summary + .mini-checkout-form,
body.direct-simple-register-page main .direct-simple-register-section .pricing-table.payment-package-grid > article.payment-plan-card-single.wtp-package[data-wtp-tier] > .registration-fee-summary + .mini-checkout-form{
  margin-top:15px!important;
}

/* v84.93 — FIX ROOT CAUSE: legacy desktop cards clamp price to 112px and
   flex:0 0 112px, leaving the registration-fee label outside its border.
   Override BOTH flex-basis and min/max/explicit height, not just padding. */
@media (min-width: 981px) {
  body.wantopup-landing main .payment-packages-section .pricing-table.plan-track.wantopup-package-grid.payment-package-grid:not(.payment-package-grid-detail) > article.payment-plan-card.wtp-package[data-wtp-tier] > .price.wtp-package-price,
  body main .payment-packages-section .pricing-table.plan-track.wantopup-package-grid.payment-package-grid:not(.payment-package-grid-detail) > article.payment-plan-card.wtp-package[data-wtp-tier] > .price.wtp-package-price {
    flex:0 0 auto!important;
    flex-basis:auto!important;
    height:auto!important;
    min-height:150px!important;
    max-height:none!important;
    align-self:center!important;
    padding:20px 14px 24px!important;
    margin:18px auto!important;
    overflow:hidden!important;
  }
}
/* All viewports, including dedicated Agent / Dealer / Master cards. */
body main .payment-packages-section .pricing-table.payment-package-grid > article.wtp-package[data-wtp-tier] > .price.wtp-package-price,
body.direct-simple-register-page main .direct-simple-register-section .pricing-table.payment-package-grid > article.payment-plan-card-single.wtp-package[data-wtp-tier] > .price.wtp-package-price {
  max-height:none!important;
  overflow:hidden!important;
}
body main .payment-packages-section .pricing-table.payment-package-grid > article.wtp-package[data-wtp-tier] > .price.wtp-package-price span,
body.direct-simple-register-page main .direct-simple-register-section .pricing-table.payment-package-grid > article.payment-plan-card-single.wtp-package[data-wtp-tier] > .price.wtp-package-price span {
  position:static!important;
  padding:0!important;
  margin:10px 0 0!important;
  line-height:1.35!important;
  font-size:14px!important;
  white-space:normal!important;
}


/* v84.94: Share button must remain in the header at ALL widths and languages.
   Legacy v84.17 hides it on desktop and floats a separate rail instead. */
body.wtp-share-safe .wtp-share-rail{display:none!important}
body.wtp-share-safe .site-header.wantopup-header .wtp-header-actions .wtp-share-header-trigger{
  display:inline-flex!important;visibility:visible!important;opacity:1!important;
  position:static!important;inset:auto!important;top:auto!important;right:auto!important;
  margin:0!important;pointer-events:auto!important;flex:0 0 36px!important;
  width:36px!important;min-width:36px!important;height:36px!important;
  z-index:2!important;
}
@media(max-width:360px){
  body.wtp-share-safe .site-header.wantopup-header .wtp-header-actions .wtp-share-header-trigger{
    flex-basis:34px!important;width:34px!important;min-width:34px!important;height:34px!important;
  }
}