/* Social icons: horizontal fixed bar on phones only. */
@media (max-width: 767px) {
    body #sfsi_floater {
        position: fixed !important;
        top: auto !important;
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        height: auto !important;
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: center;
        justify-content: center;
        gap: 10px;
        margin: 0 !important;
        padding: 8px 10px calc(8px + env(safe-area-inset-bottom, 0px));
        box-sizing: border-box;
        background: #fff;
        box-shadow: 0 -2px 10px rgba(0, 0, 0, .12);
        transform: none !important;
        transition: none !important;
        z-index: 9999 !important;
    }
    body #sfsi_floater > .sfsi_wicons {
        float: none !important;
        flex: 0 0 40px;
        margin: 0 !important;
    }
    body:has(#sfsi_floater) {
        padding-bottom: calc(60px + env(safe-area-inset-bottom, 0px));
    }
    body:has(#sfsi_floater) .nav-mobile-bottom {
        bottom: calc(56px + env(safe-area-inset-bottom, 0px));
    }
    body:has(#sfsi_floater) #top {
        bottom: calc(140px + env(safe-area-inset-bottom, 0px));
    }
}