/**
 * Ko-fi floating-chat: bottom center; tray scaled to ~70% of prior size (−30%).
 *
 * Do not set display:flex or width:auto on .floatingchat-container-wrap —
 * the inner iframe is position:absolute; flex + auto width can collapse the tray.
 * Do not use display:!important — Ko-fi hides desktop vs mobile wraps via media queries.
 */

 .floatingchat-container {
    width: 220px !important;
 }

.floatingchat-container-wrap {
    left: 50% !important;
    right: auto !important;
    bottom: 12px !important;
    top: auto !important;
    transform: translateX(-50%) scale(0.546) !important;
    transform-origin: bottom center !important;
    z-index: 2147483000 !important;
}

.floatingchat-container-wrap-mobi {
    left: 50% !important;
    right: auto !important;
    bottom: 12px !important;
    top: auto !important;
    transform: translateX(-50%) scale(0.546) !important;
    transform-origin: bottom center !important;
    z-index: 2147483000 !important;
}

/* Panel opens above the centered button */
.floating-chat-kofi-popup-iframe,
.floating-chat-kofi-popup-iframe-mobi {
    left: 50% !important;
    right: auto !important;
    bottom: 55px !important;
    top: auto !important;
    transform: translateX(-50%) scale(0.7) !important;
    transform-origin: bottom center !important;
}

.floating-chat-kofi-popup-iframe-closer-mobi {
    left: auto !important;
    right: 8px !important;
}

[id^='kofi-'] {
    color-scheme: light;
}


@media (max-width: 576px) {
    .floatingchat-container-wrap,
    .floatingchat-container-wrap-mobi {
        bottom: 8px !important;
        transform: translateX(-50%) scale(0.504) !important;
    }

    .floating-chat-kofi-popup-iframe,
    .floating-chat-kofi-popup-iframe-mobi {
        bottom: 50px !important;
        transform: translateX(-50%) scale(0.6) !important;
    }
}