/* ==========================================
   SHARE MODAL
========================================== */

.tz-share-modal {
    position: fixed;
    inset: 0;
    z-index: 9999;
    display: none;
}

.tz-share-modal.active {
    display: flex;
    align-items: center;
    justify-content: center;
}

.tz-share-overlay {
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,.55);
    backdrop-filter: blur(3px);
}

.tz-share-content {
    position: relative;
    width: 90%;
    max-width: 430px;
    background: #fff;
    border-radius: 18px;
    padding: 35px;
    z-index: 2;
    text-align: center;
    animation: tzSharePop .25s ease;
    box-shadow: 0 25px 60px rgba(0,0,0,.20);
}

@keyframes tzSharePop {

    from{
        transform:scale(.92);
        opacity:0;
    }

    to{
        transform:scale(1);
        opacity:1;
    }

}

.tz-share-content h2{
    margin:0 0 25px;
    font-size:28px;
    font-weight:700;
    color:#222;
}

.tz-share-content a,
.tz-share-content button{

    width:100%;
    display:flex;
    justify-content:center;
    align-items:center;

    margin-bottom:14px;

    padding:14px;

    border-radius:10px;

    border:1px solid #e8e8e8;

    background:#fff;

    color:#333;

    text-decoration:none;

    font-size:16px;

    cursor:pointer;

    transition:.25s;

}

.tz-share-content a:hover,
.tz-share-content button:hover{

    position: relative;

    width: 90%;
    max-width: 420px;

    max-height: 90vh;

    overflow-y: auto;

    background: #fff;

    border-radius: 18px;

    padding: 35px;

}

.tz-share-close{

    position:absolute;

    top:15px;

    right:15px;

    width:38px !important;

    height:38px;

    border-radius:50% !important;

    margin:0 !important;

    font-size:22px;

    border:none !important;

    background:#f5f5f5 !important;

    color:#555 !important;

}

.tz-share-close:hover{

    background:#6C3EF4 !important;

    color:#fff !important;

}
.tz-share-badge{

    display:inline-block;

    padding:6px 14px;

    border-radius:50px;

    background:#F4F0FF;

    color:#6C3EF4;

    font-weight:600;

    margin-bottom:18px;

}
/* ==========================================
   SHARE ITEM
========================================== */

.tz-share-item{

    display:flex;

    justify-content:space-between;

    align-items:center;

    padding:18px 24px;

    margin-bottom:14px;

    border:1px solid #ECECEC;

    border-radius:14px;

    background:#fff;

    text-decoration:none;

    color:#222;

    transition:all .30s ease;

    cursor:pointer;

}

.tz-share-left{

    display:flex;

    align-items:center;

    gap:14px;

    font-size:17px;

    font-weight:600;

}

.tz-arrow{

    font-size:20px;

    color:#999;

    transition:.30s;

}

.tz-share-item:hover{

    background:#FAF8FF;

    border-color:#6C3EF4;

    transform:translateX(5px);

    box-shadow:0 10px 25px rgba(108,62,244,.08);

}

.tz-share-item:hover .tz-arrow{

    color:#6C3EF4;

    transform:translateX(5px);

}

.tz-text{

    display:flex;

    flex-direction:column;

}

.tz-text strong{

    font-size:16px;

    color:#222;

}

.tz-text small{

    font-size:13px;

    color:#888;

    margin-top:3px;

}

.tz-arrow{

    font-size:18px;

    color:#888;

    transition:.30s;

}

.tz-share-item:hover .tz-arrow{

    color:#6C3EF4;

    transform:translateX(6px);

}
/* LinkedIn */
.tz-share-item.linkedin .tz-icon{
    color:#0A66C2;
}

/* WhatsApp */
.tz-share-item.whatsapp .tz-icon{
    color:#25D366;
}

/* Email */
.tz-share-item.email .tz-icon{
    color:#EA4335;
}

/* Copy Link */
.tz-share-item.copy .tz-icon{
    color:#6C3EF4;
}