/* Cụm nút nổi công khai được bố trí tập trung từ List-sharing.php. */
#sx-floating-actions {
    position: fixed;
    top: 50%;
    right: 12px;
    z-index: 10000;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    overflow: visible;
    transform: translateY(-50%);
    scrollbar-width: none;
}

#sx-floating-actions::-webkit-scrollbar { display: none; }
#sx-floating-actions > a,
#sx-floating-actions > .sx-floating-action,
#sx-floating-actions .fcta-carts,
#sx-floating-actions .fcta-zalo-vi-tri-nut {
    position: relative !important;
    inset: auto !important;
    margin: 0 !important;
}
#sx-floating-actions .icon-flag,
#sx-floating-actions .icon-edit-lang {
    position: relative;
    inset: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
    width: auto;
    max-width: none;
    padding: 0;
    overflow: visible;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}
#sx-floating-actions .icon-flag::before { content: none; }
#sx-floating-actions .icon-edit-lang { order: -1; margin-bottom: 8px; }
#sx-floating-actions .fcta-carts,
#sx-floating-actions .fcta-zalo-vi-tri-nut,
#sx-floating-actions .fcta-zalo-vi-tri-nut > a {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}
#sx-floating-actions > a {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}
#sx-floating-actions .icon-flag a { display: flex; width: 42px; height: 42px; align-items: center; justify-content: center; }
#sx-floating-actions .img-flag { display: block; width: 38px; max-width: 100%; height: auto; margin: 0; }
#sx-floating-actions .icon-edit-lang a { display: flex; width: 42px; height: 42px; align-items: center; justify-content: center; font-size: 25px; line-height: 1; text-decoration: none; }
#sx-floating-actions #sx-callstaff-desktop { cursor: pointer; }
@media (max-width: 991px) {
    #sx-floating-actions {
        position: fixed !important;
        top: 50% !important;
        right: 8px !important;
        bottom: auto !important;
        left: auto !important;
        display: flex !important;
        flex-direction: column;
        align-items: center;
        gap: 12px;
        overflow: visible;
        transform: translateY(-50%);
        z-index: 10002;
    }
    #sx-floating-actions > a:not(#shopxanh-contact-chat-widget),
    #sx-floating-actions > div:not(.icon-flag):not(.icon-edit-lang):not(#shopxanh-contact-chat-widget) { display: none !important; }
    #sx-floating-actions .icon-flag,
    #sx-floating-actions .icon-edit-lang { display: flex; }
    #sx-floating-actions .icon-edit-lang { margin-bottom: 10px; }
    #sx-floating-actions .fcta-zalo-nen-nut { width: 42px; height: 42px; }
    #sx-floating-actions .fcta-zalo-ben-trong-nut { inset: 0; display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; }
    #sx-floating-actions .fcta-zalo-ben-trong-nut svg { width: 30px; height: 30px; }
    #shopxanh-contact-chat-widget {
        right: 12px !important;
        bottom: calc(78px + env(safe-area-inset-bottom)) !important;
    }

    .list-sharing {
        box-sizing: border-box;
        width: 100vw !important;
        max-width: none !important;
        right: auto !important;
        bottom: 0 !important;
        left: 0 !important;
        min-height: 0;
        padding: 15px !important;
        border: 0;
        border-top: 1px solid rgba(255,255,255,.32);
        border-radius: 18px 18px 0 0 !important;
        background: rgba(255, 157, 13, .97) !important;
        box-shadow: 0 8px 28px rgba(31, 41, 55, .22);
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transform: translateY(100%);
        transition: transform .28s ease, opacity .22s ease, visibility .22s ease;
        z-index: 10000;
    }
    .list-sharing.sx-mobile-menu-visible {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        transform: translateY(0);
    }
    .list-sharing .list-sharing-body {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: 10px;
        width: 100%;
        margin: 0;
        padding: 0;
    }
    .list-sharing .list-sharing-item {
        float: none !important;
        display: block;
        flex: 0 0 auto;
        width: auto;
        margin: 0;
    }
    .list-sharing .list-sharing-item .list-sharing-item-icon {
        box-sizing: border-box;
        width: 42px;
        height: 42px;
        padding: 7px;
        border: 0;
        background: #fff !important;
        box-shadow: 0 3px 9px rgba(80, 48, 0, .16);
        color: var(--color-title);
        transition: transform .18s ease, box-shadow .18s ease;
    }
    .list-sharing .list-sharing-item .list-sharing-item-icon svg path { fill: #000 !important; }
    .list-sharing .list-sharing-item .list-sharing-item-icon.sx-share-youtube svg path:first-of-type { fill: #000 !important; }
    .list-sharing .list-sharing-item .list-sharing-item-icon.sx-share-youtube svg path:last-of-type { fill: #000 !important; }
    .list-sharing .list-sharing-item .list-sharing-item-icon.sx-share-facebook svg path:first-of-type {
        display: initial;
        fill: none !important;
        stroke: #000;
        stroke-width: 2.5;
        transform: scale(1.2);
        transform-box: fill-box;
        transform-origin: center;
    }
    .list-sharing .list-sharing-item .list-sharing-item-icon.sx-share-facebook svg path:last-of-type { fill: #000 !important; }
    .list-sharing .list-sharing-item .list-sharing-item-icon:active {
        transform: scale(.94);
        box-shadow: 0 1px 4px rgba(80, 48, 0, .2);
    }
    .list-sharing #fcta-carts-tracking,
    .list-sharing .sx-callstaff-btn { margin-left: auto; }
}

@media (prefers-reduced-motion: reduce) {
    .list-sharing { transition: none; }
    .list-sharing .list-sharing-item .list-sharing-item-icon { transition: none; }
}