/* ==================================================
   SHARE COMPONENT
================================================== */

.stigma-share-box{
    margin:16px 0 24px;
    padding:14px 0 0;
    border-top:1px solid #e5e0d8;
}

.stigma-share-title{
    margin-bottom:10px;
    font-size:11px;
    font-weight:800;
    letter-spacing:.14em;
    text-transform:uppercase;
    color:#f07c00;
}

/* Buttons mode */

.stigma-share-links{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
}

.stigma-share-links a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    height:32px;
    padding:0 12px;
    border:1px solid #e5e0d8;
    border-radius:999px;
    background:#fff;
    color:#111110;
    font-size:11px;
    font-weight:700;
    line-height:1;
    text-decoration:none;
    transition:background .18s ease,border-color .18s ease,color .18s ease;
}

.stigma-share-links a:hover{
    background:#f07c00;
    border-color:#f07c00;
    color:#fff;
}

/* Icons mode */

.stigma-share-icons{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
}

.stigma-share-icons a{
    width:40px;
    height:40px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    border:1px solid #e5e0d8;
    background:#fff;
    color:#111110;
    text-decoration:none;
    transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease;
}

.stigma-share-icons a svg{
    width:18px;
    height:18px;
    display:block;
    fill:currentColor;
}

.stigma-share-icons a:hover{
    color:#fff;
    transform:translateY(-1px);
}

.stigma-share-icons .share-facebook:hover{background:#1877f2;border-color:#1877f2;}
.stigma-share-icons .share-x:hover{background:#111110;border-color:#111110;}
.stigma-share-icons .share-linkedin:hover{background:#0a66c2;border-color:#0a66c2;}
.stigma-share-icons .share-viber:hover{background:#7360f2;border-color:#7360f2;}
.stigma-share-icons .share-whatsapp:hover{background:#25d366;border-color:#25d366;}
.stigma-share-icons .share-email:hover{background:#f07c00;border-color:#f07c00;}

/* Sidebar share module */

.stigma-sidebar-share .sbh{
    margin-bottom:10px;
}

.stigma-sidebar-share-icons{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:10px;
}

.stigma-sidebar-share-icons a{
    height:42px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:14px;
    border:1px solid #e5e0d8;
    background:#fff;
    color:#111110;
    text-decoration:none;
    transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease;
}

.stigma-sidebar-share-icons a svg{
    width:18px;
    height:18px;
    display:block;
    fill:currentColor;
}

.stigma-sidebar-share-icons a:hover{
    color:#fff;
    transform:translateY(-1px);
}

.stigma-sidebar-share-icons .share-facebook:hover{background:#1877f2;border-color:#1877f2;}
.stigma-sidebar-share-icons .share-x:hover{background:#111110;border-color:#111110;}
.stigma-sidebar-share-icons .share-linkedin:hover{background:#0a66c2;border-color:#0a66c2;}
.stigma-sidebar-share-icons .share-viber:hover{background:#7360f2;border-color:#7360f2;}
.stigma-sidebar-share-icons .share-whatsapp:hover{background:#25d366;border-color:#25d366;}
.stigma-sidebar-share-icons .share-email:hover{background:#f07c00;border-color:#f07c00;}

@media (max-width:768px){
    .stigma-share-links a{
        flex:1 1 calc(33.333% - 6px);
        min-width:0;
        padding:0 8px;
    }

    .stigma-share-icons a{
        width:36px;
        height:36px;
    }
}