/* WanTopup v84.17: Share rail never changes page geometry. */
.wtp-share-rail{position:fixed;z-index:48;display:flex;flex-direction:column;align-items:center;gap:8px;width:46px;left:max(8px,calc((100vw - 1220px)/2 - 76px));top:50%;transform:translateY(-50%);pointer-events:none}
.wtp-share-rail button,.wtp-share-rail a{pointer-events:auto;box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;font:700 19px/1 Arial,sans-serif;text-decoration:none;cursor:pointer;box-shadow:0 2px 10px rgba(10,50,55,.17);transition:background-color .15s}
.wtp-share-rail button:focus-visible,.wtp-share-rail a:focus-visible{outline:3px solid #f59e0b;outline-offset:2px}
.wtp-share-rail .wtp-share-toggle-text{display:none}
.wtp-share-toggle{background:#064950;color:#fff;border:2px solid #064950}
.wtp-share-rail .wtp-share-actions{display:flex;flex-direction:column;gap:8px}
.wtp-share-wa{background:#e7fbef;color:#136f36;border:2px solid #7dd7a5}
.wtp-share-fb{background:#eaf1ff;color:#164e9d;border:2px solid #a6bfee}
.wtp-share-copy{background:#fff;color:#064950;border:2px solid #a6cace}
.wtp-share-rail .wtp-share-result{position:absolute;display:none;top:100%;left:0;max-width:210px;margin-top:7px;padding:7px 10px;border-radius:8px;border:1px solid #a6cace;background:#fff;white-space:normal;min-width:120px;color:#064950;box-shadow:0 3px 12px rgba(0,0,0,.12);font:600 12px/1.4 Arial,sans-serif}
.wtp-share-rail .wtp-share-result:not(:empty){display:block}
@media(min-width:1400px){.wtp-share-rail .wtp-share-toggle{display:none}}
@media(max-width:1399px){
 /* No body padding/margin, no horizontal displacement of any content. */
 body.wtp-share-safe{padding-left:0!important}
 .wtp-share-rail{left:4px;top:auto;bottom:calc(92px + env(safe-area-inset-bottom,0px));transform:none;width:40px;gap:6px;z-index:48}
 .wtp-share-rail button,.wtp-share-rail a{width:38px;height:38px;font-size:17px}
 .wtp-share-rail .wtp-share-actions{display:none;position:absolute;left:0;bottom:46px;flex-direction:column;gap:6px;padding:4px 2px;background:#fff;border:1px solid #dce8e8;border-radius:23px;box-shadow:0 4px 16px rgba(0,0,0,.12)}
 .wtp-share-rail.is-open .wtp-share-actions{display:flex}
 .wtp-share-rail .wtp-share-result{top:auto;bottom:44px;left:44px}
}
@media(max-width:560px){.wtp-share-rail{left:3px;bottom:calc(82px + env(safe-area-inset-bottom,0px));width:36px}.wtp-share-rail button,.wtp-share-rail a{width:35px;height:35px;font-size:16px}}
@media print{.wtp-share-rail{display:none!important}}
@media(prefers-reduced-motion:reduce){.wtp-share-rail button,.wtp-share-rail a{transition:none}}

/* v84.17 final: use header action below 1360px so nothing overlays content. */
.wtp-share-header-trigger,.wtp-share-header-menu,.wtp-share-header-feedback{display:none!important}
@media(min-width:1360px) and (max-width:1399px){
 .wtp-share-rail{left:6px;top:50%;bottom:auto;transform:translateY(-50%);width:42px}
 .wtp-share-rail .wtp-share-actions{display:flex;position:static;border:0;padding:0;box-shadow:none;background:transparent}
 .wtp-share-rail .wtp-share-toggle{display:none}
}
@media(max-width:1359px){
 .wtp-share-rail{display:none!important}
 .site-header.wantopup-header{position:relative!important;isolation:isolate}
 .site-header.wantopup-header .wtp-share-header-trigger{position:absolute!important;z-index:3;top:clamp(10px,1.6vw,16px);right:clamp(10px,1.6vw,16px);display:inline-flex!important;align-items:center;justify-content:center;width:36px;min-width:36px;height:36px;margin:0;padding:0;border-radius:999px;border:1px solid #a7ccca;background:#f4fafa;color:#07565a;font:800 19px/1 Arial,sans-serif;cursor:pointer;box-shadow:0 2px 7px rgba(9,50,55,.09)}
 .wtp-share-header-trigger:focus-visible{outline:3px solid #df9f28;outline-offset:2px}
 .wtp-share-header-trigger-text{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
 .site-header.wantopup-header .wtp-share-header-menu:not([hidden]){position:static!important;z-index:1;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));order:9;flex:0 0 100%;width:100%;max-width:520px;margin:4px auto 0;padding:8px;gap:7px;background:#f2fafa;border:1px solid #d9e9e7;border-radius:14px;box-sizing:border-box}
 .wtp-share-header-menu a,.wtp-share-header-menu button{min-width:0;min-height:40px;width:100%;padding:8px 4px!important;margin:0;border:1px solid #c9dfde;border-radius:9px;background:#fff;color:#16444a;font:700 clamp(11px,1.8vw,13px)/1.3 Arial,sans-serif;text-align:center;display:flex;justify-content:center;align-items:center;white-space:normal;overflow-wrap:anywhere;cursor:pointer;text-decoration:none}
 .wtp-share-header-menu a:focus-visible,.wtp-share-header-menu button:focus-visible{outline:3px solid #df9f28;outline-offset:2px}
 .wtp-share-header-feedback:not(:empty){display:block!important;order:10;width:100%;font-size:12px;color:#07565a;text-align:center}
}
@media(max-width:480px){
 .site-header.wantopup-header .wtp-share-header-trigger{top:12px;right:10px;width:33px;min-width:33px;height:33px;font-size:17px}
 .site-header.wantopup-header .brand{padding-inline:30px;min-width:0;box-sizing:border-box}
 .site-header.wantopup-header .brand span{overflow-wrap:anywhere}
}

/* Keep the mobile hero eyebrow balanced rather than leaving one short word alone. */
@media(max-width:480px){body.wantopup-landing .wantopup-hero .hero-copy>.eyebrow{text-wrap:balance!important;line-height:1.45!important;overflow-wrap:normal!important;padding:9px 11px!important}}
