/* Trường 218 - Share tools + Back to top */
.public-share-dock{
    position:fixed;
    right:22px;
    bottom:92px;
    z-index:980;
    display:flex;
    flex-direction:column;
    align-items:flex-end;
    gap:10px;
    font-family:inherit;
}

.share-main-btn{
    min-height:46px;
    border:0;
    border-radius:999px;
    padding:0 16px;
    display:flex;
    align-items:center;
    gap:8px;
    cursor:pointer;
    background:#0b65d8;
    color:#fff;
    box-shadow:0 12px 30px rgba(13,76,154,.28);
    font-weight:800;
    transition:transform .2s ease, box-shadow .2s ease, background .2s ease;
}
.share-main-btn:hover{
    transform:translateY(-2px);
    box-shadow:0 15px 35px rgba(13,76,154,.34);
    background:#075bc5;
}
.share-icon{font-size:20px;line-height:1}

.share-panel{
    width:190px;
    padding:8px;
    border:1px solid rgba(27,61,103,.12);
    border-radius:16px;
    background:rgba(255,255,255,.97);
    backdrop-filter:blur(14px);
    box-shadow:0 18px 46px rgba(24,56,94,.18);
}
.share-panel[hidden]{display:none}

.share-action{
    width:100%;
    border:0;
    background:transparent;
    display:flex;
    align-items:center;
    gap:10px;
    padding:10px 11px;
    border-radius:10px;
    cursor:pointer;
    color:#193456;
    text-align:left;
    font:inherit;
}
.share-action:hover{background:#f1f6fd}
.share-action span{
    width:28px;
    height:28px;
    border-radius:8px;
    display:grid;
    place-items:center;
    color:#fff;
    font-weight:900;
    flex:0 0 auto;
}
.share-action.facebook span{background:#1877f2}
.share-action.zalo span{background:#0b82ff}
.share-action.native span{background:#0e9a6b}
.share-action.copy span{background:#6b7890}
.share-action b{font-size:.92rem}

.back-to-top{
    position:fixed;
    right:22px;
    bottom:28px;
    z-index:981;
    width:48px;
    height:48px;
    border:0;
    border-radius:50%;
    cursor:pointer;
    display:grid;
    place-items:center;
    font-size:24px;
    font-weight:800;
    color:#fff;
    background:#123a6d;
    box-shadow:0 12px 30px rgba(20,52,91,.26);
    opacity:0;
    visibility:hidden;
    transform:translateY(14px);
    transition:opacity .22s ease, transform .22s ease, visibility .22s;
}
.back-to-top.is-visible{
    opacity:1;
    visibility:visible;
    transform:translateY(0);
}
.back-to-top:hover{background:#0b65d8}

.share-toast{
    position:fixed;
    left:50%;
    bottom:28px;
    z-index:990;
    transform:translate(-50%,16px);
    padding:10px 16px;
    border-radius:999px;
    background:#102c51;
    color:#fff;
    font-size:.9rem;
    box-shadow:0 12px 30px rgba(0,0,0,.18);
    opacity:0;
    visibility:hidden;
    transition:.2s ease;
    pointer-events:none;
}
.share-toast.show{
    opacity:1;
    visibility:visible;
    transform:translate(-50%,0);
}

@media(max-width:700px){
    .public-share-dock{right:14px;bottom:78px}
    .back-to-top{right:14px;bottom:18px;width:44px;height:44px}
    .share-main-btn{
        width:44px;height:44px;min-height:44px;padding:0;
        justify-content:center;
    }
    .share-label{display:none}
    .share-panel{width:174px}
}

@media print{
    .public-share-dock,.back-to-top,.share-toast{display:none!important}
}