/* =====================================================
   TECHMINEHUB BLOCK HIT TOAST
=====================================================*/

.block-hit-toast-wrap{

    position:fixed;

    top:20px;

    right:20px;

    z-index:9999;

    pointer-events:none;

}

.block-hit-toast{

    position:relative;

    width:340px;

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

    display:flex;

    align-items:flex-start;

    gap:14px;

    padding:16px;

    border-radius:16px;

    background:linear-gradient(180deg,#101826,#162233);

    border:1px solid rgba(96,182,255,.12);

    color:#fff;

    overflow:hidden;

    pointer-events:auto;

    opacity:0;

    visibility:hidden;

    transform:translateY(-15px) scale(.96);

    transition:.30s;

    box-shadow:

    0 16px 40px rgba(0,0,0,.45);

}

.block-hit-toast::before{

    content:"";

    position:absolute;

    left:0;

    top:0;

    width:100%;

    height:3px;

    background:linear-gradient(

        90deg,

        #2d8cff,

        #5ab6ff,

        #7b4dff

    );

}

.block-hit-toast::after{

    content:"";

    position:absolute;

    right:-70px;

    top:-70px;

    width:170px;

    height:170px;

    border-radius:50%;

    background:

    radial-gradient(circle,

    rgba(45,140,255,.18),

    transparent 70%);

}

.block-hit-toast.is-visible{

    opacity:1;

    visibility:visible;

    transform:translateY(0) scale(1);

    animation:blockToastPulse 1.2s ease-in-out 2;

}

/* ================= ICON ================= */

.block-hit-toast-icon{

    flex:0 0 auto;

    width:42px;

    height:42px;

    border-radius:12px;

    display:flex;

    justify-content:center;

    align-items:center;

    background:rgba(45,140,255,.15);

    color:#5ab6ff;

    font-size:20px;

}

/* ================= CONTENT ================= */

.block-hit-toast-content{

    flex:1;

    min-width:0;

}

.block-hit-toast-title{

    color:#5ab6ff;

    font-size:.90rem;

    font-weight:800;

    margin-bottom:6px;

    text-transform:uppercase;

    letter-spacing:1px;

}

.block-hit-toast-line{

    color:#d9e7fb;

    font-size:.78rem;

    line-height:1.45;

    font-weight:600;

    word-break:break-word;

}

.block-hit-toast-line span{

    color:#fff;

    font-weight:800;

}

/* ================= CLOSE ================= */

.block-hit-toast-close{

    width:26px;

    height:26px;

    border:none;

    border-radius:50%;

    background:#162235;

    color:#8ea7c5;

    cursor:pointer;

    display:flex;

    justify-content:center;

    align-items:center;

    transition:.25s;

}

.block-hit-toast-close:hover{

    background:#2d8cff;

    color:#fff;

}

/* ================= ANIMATION ================= */

@keyframes blockToastPulse{

    0%,100%{

        box-shadow:

        0 16px 40px rgba(0,0,0,.45);

    }

    50%{

        box-shadow:

        0 20px 45px rgba(0,0,0,.50),

        0 0 30px rgba(45,140,255,.28);

    }

}

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

@media(max-width:768px){

    .block-hit-toast-wrap{

        left:10px;

        right:10px;

        top:10px;

    }

    .block-hit-toast{

        width:100%;

        padding:14px;

    }

    .block-hit-toast-title{

        font-size:.82rem;

    }

    .block-hit-toast-line{

        font-size:.72rem;

    }

}