/* =====================================================
   PROFESSIONAL REACTION SUITE
   SHARE NETWORK POPUP
   ===================================================== */


/* Main share trigger wrapper */
.fb-share-trigger-container {
    position: relative;
}



/* Share dropdown */
.share-networks-popover {

    position: absolute;

    top: calc(100% + 8px);

    left: 0;

    z-index: 99999;


    display: flex;

    flex-wrap: wrap;

    align-items: center;

    justify-content: center;


    gap: 8px;


    width: max-content;

    max-width: calc(100vw - 24px);


    padding: 10px;


    background: #ffffff;


    border-radius: 14px;


    box-shadow:
        0 8px 25px rgba(0,0,0,.15);


    border:1px solid rgba(0,0,0,.08);


    box-sizing:border-box;


    overflow:hidden;


    transition:
        opacity .2s ease,
        transform .2s ease;

}




/* Hidden state from JavaScript */

.share-networks-popover.js-hide {

    opacity:0;

    pointer-events:none;

    transform:
        translateY(-8px);

}




/* Individual share button */

.share-net {


    display:flex;


    align-items:center;


    justify-content:center;


    width:42px;

    height:42px;


    border-radius:50%;


    cursor:pointer;


    text-decoration:none;


    transition:
        transform .2s ease,
        background .2s ease;


}




.share-net:hover {

    transform:scale(1.12);

}




/* Icons */

.share-net svg,

.share-net img {


    width:22px;

    height:22px;

}





/* Facebook */

.share-net[data-platform="facebook"] {

    background:#1877F2;

    color:white;

}



/* WhatsApp */

.share-net[data-platform="whatsapp"] {

    background:#25D366;

    color:white;

}



/* X */

.share-net[data-platform="x"] {

    background:#000;

    color:white;

}



/* Copy */

.share-net[data-platform="copy"] {

    background:#65676B;

    color:white;

}





/* =====================================================
   DESKTOP ALIGNMENT
   ===================================================== */

@media(min-width:768px){


    .share-networks-popover {

        left:0;

        transform:none;

    }


}






/* =====================================================
   MOBILE OPTIMIZATION
   ===================================================== */

@media(max-width:767px){


    .fb-share-trigger-container {

        position:static;

    }



    .share-networks-popover {


        position:fixed;


        left:50%;


        top:auto;


        bottom:20px;


        transform:
            translateX(-50%);



        width:
            calc(100vw - 30px);



        max-width:380px;



        padding:14px;



        border-radius:18px;



        gap:12px;



    }



    .share-net {


        width:48px;


        height:48px;


    }



    .share-net svg,

    .share-net img {


        width:24px;


        height:24px;


    }


}





/* =====================================================
   VERY SMALL DEVICES
   ===================================================== */

@media(max-width:360px){


    .share-networks-popover {


        gap:8px;

        padding:12px;


    }


    .share-net {


        width:44px;

        height:44px;

    }


}