/**
 * Ko-fi classic button host (#transit-kofi-button-host) — position above bottom nav.
 * Z-index: map (1) < button (1500) < .ui-layer (2000) on body.ttc-app / go-app / go-desktop.
 */

#transit-kofi-button-host {
    position: fixed;
    left: 50%;
    right: auto;
    bottom: calc(108px + env(safe-area-inset-bottom, 0px));
    top: auto;
    transform: translateX(-50%) scale(0.92);
    transform-origin: center bottom;
    z-index: 45;
    pointer-events: auto;
    line-height: 0;
}

#transit-kofi-button-host .btn-container {
    filter: drop-shadow(0 4px 14px rgba(0, 0, 0, 0.35));
}

body.ttc-app #transit-kofi-button-host,
body.go-app #transit-kofi-button-host,
body.go-desktop #transit-kofi-button-host {
    z-index: 1500;
}

@media (min-width: 641px) {
    #transit-kofi-button-host {
        left: auto;
        right: max(16px, env(safe-area-inset-right, 0px));
        bottom: calc(124px + env(safe-area-inset-bottom, 0px));
        transform: scale(1);
        transform-origin: bottom right;
    }
}