/* WanTopup v84.99ad — small UI tidy-up requested after v84.99ac.
   Scope only: footer policy links, /artikel/ package CTAs, and article package selector.
   No payment, registration, pricing, article corpus, or Admin behavior changes. */

/* Footer policies: keep the 4x2 order, but stop presenting legal links as large buttons. */
.footer.wantopup-footer .footer-policy-links[data-wtp-footer-policies="1"]{
  display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:5px 18px!important;width:min(100%,1040px)!important;margin:0 auto!important;
  padding:0!important;align-items:center!important;
}
.footer.wantopup-footer .footer-policy-links[data-wtp-footer-policies="1"] a{
  display:block!important;min-height:0!important;padding:5px 4px!important;
  border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;
  color:#e7f5f4!important;-webkit-text-fill-color:#e7f5f4!important;
  text-decoration:none!important;text-align:center!important;font-size:11.5px!important;
  font-weight:700!important;line-height:1.4!important;overflow-wrap:anywhere!important;
}
.footer.wantopup-footer .footer-policy-links[data-wtp-footer-policies="1"] a:hover{
  background:none!important;border:0!important;color:#fff!important;-webkit-text-fill-color:#fff!important;
  text-decoration:underline!important;text-underline-offset:3px!important;
}

/* /artikel/: Agent, Dealer and Master are equal button components, using homepage tier colors. */
body.wtp-editorial-page .wtp-directory-page .wtp-hero-actions.wtp-tier-actions{
  display:flex!important;align-items:stretch!important;flex-wrap:wrap!important;gap:9px!important;
}
body.wtp-editorial-page .wtp-directory-page .wtp-tier-action{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;
  min-height:44px!important;padding:10px 16px!important;border:2px solid var(--wtp-home-tier-border)!important;
  border-radius:12px!important;background:var(--wtp-home-tier-bg)!important;
  color:var(--wtp-home-tier-text)!important;-webkit-text-fill-color:var(--wtp-home-tier-text)!important;
  text-decoration:none!important;font-size:.88rem!important;font-weight:850!important;line-height:1.25!important;
  box-shadow:none!important;transition:transform .16s ease,box-shadow .16s ease!important;
}
body.wtp-editorial-page .wtp-directory-page .wtp-tier-action[data-wtp-tier="agent"]{
  --wtp-home-tier-bg:var(--wtp-package-light);--wtp-home-tier-border:var(--wtp-package-stroke);--wtp-home-tier-text:var(--wtp-package-ink);
}
body.wtp-editorial-page .wtp-directory-page .wtp-tier-action[data-wtp-tier="dealer"]{
  --wtp-home-tier-bg:var(--wtp-package-light);--wtp-home-tier-border:var(--wtp-package-stroke);--wtp-home-tier-text:var(--wtp-package-ink);
}
body.wtp-editorial-page .wtp-directory-page .wtp-tier-action[data-wtp-tier="master"]{
  --wtp-home-tier-bg:var(--wtp-package-light);--wtp-home-tier-border:var(--wtp-package-stroke);--wtp-home-tier-text:var(--wtp-package-ink);
}
body.wtp-editorial-page .wtp-directory-page .wtp-tier-action:hover{
  transform:translateY(-1px)!important;box-shadow:0 6px 16px rgba(15,57,68,.10)!important;
}
body.wtp-editorial-page .wtp-directory-page .wtp-tier-action:focus-visible{
  outline:3px solid #0b8177!important;outline-offset:3px!important;
}

/* Article package selector: same calm tier palette as homepage; layout stays simple. */
body.wtp-editorial-page .wtp-aside-card .wtp-plan-link[data-wtp-tier]{
  border:2px solid var(--wtp-home-tier-border)!important;background:var(--wtp-home-tier-bg)!important;
  color:var(--wtp-home-tier-text)!important;-webkit-text-fill-color:var(--wtp-home-tier-text)!important;
  box-shadow:none!important;
}
body.wtp-editorial-page .wtp-aside-card .wtp-plan-link[data-wtp-tier="agent"]{
  --wtp-home-tier-bg:var(--wtp-package-light);--wtp-home-tier-border:var(--wtp-package-stroke);--wtp-home-tier-text:var(--wtp-package-ink);
}
body.wtp-editorial-page .wtp-aside-card .wtp-plan-link[data-wtp-tier="dealer"]{
  --wtp-home-tier-bg:var(--wtp-package-light);--wtp-home-tier-border:var(--wtp-package-stroke);--wtp-home-tier-text:var(--wtp-package-ink);
}
body.wtp-editorial-page .wtp-aside-card .wtp-plan-link[data-wtp-tier="master"]{
  --wtp-home-tier-bg:var(--wtp-package-light);--wtp-home-tier-border:var(--wtp-package-stroke);--wtp-home-tier-text:var(--wtp-package-ink);
}
body.wtp-editorial-page .wtp-aside-card .wtp-plan-link[data-wtp-tier] :is(b,small,strong){
  color:var(--wtp-home-tier-text)!important;-webkit-text-fill-color:var(--wtp-home-tier-text)!important;
}
body.wtp-editorial-page .wtp-aside-card .wtp-plan-link[data-wtp-tier]:hover{
  filter:brightness(.985);box-shadow:0 5px 14px rgba(15,57,68,.07)!important;
}
body.wtp-editorial-page .wtp-aside-card .wtp-plan-link[data-wtp-tier]:focus-visible{
  outline:3px solid #0b8177!important;outline-offset:3px!important;
}

@media(max-width:760px){
  .footer.wantopup-footer .footer-policy-links[data-wtp-footer-policies="1"]{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:4px 12px!important}
  body.wtp-editorial-page .wtp-directory-page .wtp-tier-action{flex:1 1 calc(50% - 5px)!important}
  body.wtp-editorial-page .wtp-directory-page .wtp-tier-action[data-wtp-tier="agent"]{flex-basis:100%!important}
}
@media(max-width:480px){
  .footer.wantopup-footer .footer-policy-links[data-wtp-footer-policies="1"]{grid-template-columns:1fr!important;gap:2px!important}
  .footer.wantopup-footer .footer-policy-links[data-wtp-footer-policies="1"] a{padding:4px 2px!important}
  body.wtp-editorial-page .wtp-directory-page .wtp-tier-action{flex-basis:100%!important;width:100%!important}
}
@media(prefers-reduced-motion:reduce){
  body.wtp-editorial-page .wtp-directory-page .wtp-tier-action{transition:none!important;transform:none!important}
}

/* v84.99ae: comfortable spacing without altering checkout/payment forms. */
body:not(.dash-page):not(.auth-page) main{min-width:0}
body:not(.dash-page):not(.auth-page) main :is(.section,.wtp-directory-page,.wtp-article-layout,.faq-main){min-width:0}
body:not(.dash-page):not(.auth-page) main :is(.wtp-package,.wtp-aside-card,.wtp-article-card){overflow-wrap:break-word}
body:not(.dash-page):not(.auth-page) main :is(.wtp-tier-actions,.wtp-hero-actions){row-gap:12px;column-gap:12px}
@media(max-width:760px){
 body:not(.dash-page):not(.auth-page) main :is(.wtp-directory-page,.wtp-article-layout,.faq-main){padding-inline:max(16px,env(safe-area-inset-left)) max(16px,env(safe-area-inset-right));}
 body:not(.dash-page):not(.auth-page) main .payment-package-grid{row-gap:20px!important}
 body:not(.dash-page):not(.auth-page) main .wtp-tier-action{max-width:100%}
}
