/* ===============================
   SOCIAL BASE
================================*/

.footer-social-left{
    position:fixed;
    left:15px;
    bottom:90px;
    display:flex;
    flex-direction:column;
    gap:10px;
    z-index:9999;
}

.social-item{
    width:48px;
    height:48px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    text-decoration:none;
    box-shadow:0 4px 15px rgba(0,0,0,.3);
}

/* Colors */
.whatsapp{background:#25D366;}
.instagram{background:#E1306C;}
.facebook{background:#3b5998;}
.pinterest{background:#E60023;}
.linkedin{background:#0077B5;}


/* ===============================
   MOBILE TOGGLE BUTTON
================================*/

.mobile-social-toggle{
    position:fixed;
    bottom:20px;
    left:15px;
    width:55px;
    height:55px;
    background:linear-gradient(45deg,#0d6efd,#00c6ff);
    border-radius:50%;
    display:none;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-size:22px;
    z-index:10000;
    cursor:pointer;
    box-shadow:0 6px 20px rgba(0,0,0,.35);
}


/* ===============================
   MOBILE VIEW
================================*/

@media (max-width:768px){

    .mobile-social-toggle{
        display:flex !important;
    }

    .footer-social-left{
        opacity:0;
        pointer-events:none;
        transform:translateY(20px);
        transition:.3s;
    }

    .footer-social-left.active{
        opacity:1;
        pointer-events:auto;
        transform:translateY(0);
    }
}