/* KedaiPabz footer v6 + site-wide fixes for floating buttons */

/* ---------- Site-wide: floating stack ---------- */
:root{--kp-dock-space:0px}
@media (max-width:768px){
  :root{--kp-dock-space:calc(92px + env(safe-area-inset-bottom,0px))}
  /* room for the dock and its raised Orders button */
  body{padding-bottom:var(--kp-dock-space)!important}
}
/* At the very bottom of the page the floating buttons step aside so nothing covers the footer */
.kpai,.kpx-top,.kp-qb{transition:opacity .25s ease,transform .25s ease}
.kp-foot-end .kpai:not(.is-open),.kp-foot-end .kpx-top,.kp-foot-end .kp-qb{opacity:0;transform:translateY(18px) scale(.9);pointer-events:none}
/* Sticky bars let go before the footer */
.kp-unstickable{transition:transform .3s ease,opacity .3s ease}
.kp-unstickable.kp-unstuck{transform:translateY(-140%);opacity:0;pointer-events:none}

/* ---------- Footer ---------- */
.kpf{--line:rgba(255,255,255,.07);--mut:#9d93ab;--mut2:#71687f;position:relative;margin-top:48px;padding:28px 0 18px;border-top:1px solid var(--line);background:linear-gradient(180deg,rgba(18,11,28,.6),rgba(8,5,13,.96) 40%);color:#efe9f6}
.kpf::before{content:"";position:absolute;left:0;right:0;top:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(168,85,247,.6),rgba(236,72,153,.5),transparent)}
.kpf *{box-sizing:border-box}
.kpf-wrap{width:min(1180px,calc(100% - 28px));margin:0 auto}

/* quick help tiles */
.kpf-help{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
@media(max-width:900px){.kpf-help{grid-template-columns:1fr 1fr}}
.kpf-tile{display:flex;align-items:center;gap:12px;min-width:0;padding:12px;border-radius:16px;border:1px solid var(--line);background:rgba(255,255,255,.025);color:inherit;font:inherit;text-align:left;text-decoration:none;cursor:pointer;transition:border-color .2s,background .2s}
.kpf-tile:hover{border-color:rgba(168,85,247,.35);background:rgba(168,85,247,.06)}
.kpf-tile-ic{flex:0 0 40px;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font-size:16px;color:var(--c);background:color-mix(in srgb,var(--c) 15%,transparent)}
.kpf-tile b{display:block;font-size:13.5px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kpf-tile small{display:block;font-size:11.5px;color:var(--mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kpf-tile>span:last-child{min-width:0}
@media(max-width:420px){.kpf-tile{flex-direction:column;align-items:flex-start;gap:8px}}

/* brand + columns */
.kpf-main{display:grid;gap:26px;margin-top:26px}
@media(min-width:900px){.kpf-main{grid-template-columns:minmax(0,1.1fr) minmax(0,2fr);gap:40px}}
.kpf-logo img{height:34px;width:auto}
.kpf-brand p{margin:10px 0 0;max-width:42ch;color:var(--mut);font-size:13.5px;line-height:1.6}
.kpf-pay{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}
.kpf-pay span{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.03);font-size:12px;font-weight:700;color:#ddd4e8}
.kpf-pay i{color:#c084fc}
.kpf-social{display:flex;gap:8px;margin-top:14px}
.kpf-social a{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;border:1px solid var(--line);background:rgba(255,255,255,.04);color:#e9e2f2;text-decoration:none;font-size:15px;transition:border-color .2s,color .2s}
.kpf-social a:hover{border-color:rgba(168,85,247,.4);color:#fff}
.kpf-social a.soon{color:var(--mut2);border-style:dashed}
.kpf-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
@media(max-width:560px){.kpf-cols{grid-template-columns:1fr 1fr;gap:20px 14px}.kpf-col:last-child{grid-column:1 / -1}.kpf-col:last-child ul{columns:2;column-gap:14px}}
.kpf-col h2{margin:0 0 10px;font-size:13px;font-weight:800;color:#fff}
.kpf-col ul{margin:0;padding:0;list-style:none}
.kpf-col li{break-inside:avoid}
.kpf-col a{display:inline-block;padding:5px 0;color:var(--mut);font-size:13.5px;text-decoration:none;transition:color .15s}
.kpf-col a:hover{color:#fff}
.kpf-col a.on{color:#d8b4fe;font-weight:700}

/* bottom row */
.kpf-bottom{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin-top:26px;padding-top:16px;border-top:1px solid var(--line);font-size:12px;color:var(--mut2)}
.kpf-status{display:inline-flex;align-items:center;gap:8px;padding:6px 11px;border-radius:999px;background:rgba(74,222,128,.08);color:#86efac;font-weight:700;text-decoration:none}
.kpf-status .dot{width:8px;height:8px;border-radius:50%;background:currentColor;box-shadow:0 0 0 0 currentColor;animation:kpfPulse 2.2s infinite}
.kpf-status.degraded{background:rgba(252,211,77,.1);color:#fde68a}
.kpf-status.outage{background:rgba(251,113,133,.1);color:#fda4af}
@keyframes kpfPulse{70%{box-shadow:0 0 0 6px transparent}100%{box-shadow:0 0 0 0 transparent}}
.kpf-copy{flex:1;min-width:180px}
.kpf-ver{padding:4px 9px;border-radius:999px;border:1px solid var(--line);color:var(--mut);font-weight:700;text-decoration:none}
.kpf-top{width:36px;height:36px;border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,.04);color:#e9e2f2;cursor:pointer}
.kpf-top:hover{border-color:rgba(168,85,247,.4)}
@media(max-width:560px){.kpf-copy{order:9;flex-basis:100%}}
@media(prefers-reduced-motion:reduce){.kpf-status .dot{animation:none}.kpf *,.kpai,.kpx-top,.kp-qb,.kp-unstickable{transition:none!important}}
@media print{.kpf{display:none}}