/* ==========================
   FC Toast
========================== */

.fc-toast{

    position: fixed;

    top: 24px;
    right: 24px;

    width: 380px;
    max-width: calc(100vw - 32px);

    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,.2),
            rgba(255,255,255,.2)
        );

    backdrop-filter: blur(30px) saturate(180%);
    -webkit-backdrop-filter: blur(30px) saturate(180%);

    border: 1px solid rgba(255,255,255,.55);

    border-radius: 18px;

    box-shadow:
        0 25px 60px rgba(0,0,0,.15),
        inset 0 1px 0 rgba(255,255,255,.65);

    overflow: hidden;

    z-index: 999999;

    transform: translateX(40px) scale(.96);

    opacity:0;

    transition:
        transform .45s cubic-bezier(.22,1,.36,1),
        opacity .35s ease;

}


.fc-toast::before{

    content:"";

    position:absolute;

    inset:0;

    background:
        linear-gradient(
            120deg,
            rgba(255,255,255,.35),
            transparent 40%
        );

    pointer-events:none;

}



.fc-toast.show{

    opacity:1;

    transform:translateX(0) scale(1);

}


.fc-toast-icon{

    width:42px;
    height:42px;

    min-width:42px;

    border-radius:50%;

    background:#34c759;

    color:#fff;

    display:flex;

    justify-content:center;

    align-items:center;

    font-size:22px;

    font-weight:bold;

}


.fc-toast-content{

    flex:1;

}


.fc-toast-title{

    font-size:16px;

    font-weight:700;

    color:#202124;

}

.fc-toast-message{

    padding:0 18px 16px;

    line-height:1.8;

    color:#5f6368;

    font-size:14px;

}


.fc-toast-action{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    margin:0 18px 18px;

    padding:12px 18px;

    border-radius:12px;

    background:#22c55e;

    color:#fff;

    font-weight:600;

    text-decoration:none;

    transition:.25s;

}


.fc-toast-action:hover{

    background:#16a34a;

    transform:translateY(-2px);

}


.fc-toast-close{

    width:34px;

    height:34px;

    display:flex;

    align-items:center;

    justify-content:center;

    border:none;

    background:transparent;

    color:#6b7280;

    font-size:18px;

    border-radius:50%;

    cursor:pointer;

    transition:.25s;

    flex-shrink:0;

}

.fc-toast-close:hover{

    background:#f3f4f6;

}


@media(max-width:768px){

    .fc-toast{

        top:16px;

        right:16px;

        left:16px;

        width:auto;

    }

}



/* Progress */

.fc-toast-progress{

    height:4px;

    width:100%;

    background:#22c55e;

    border-radius:999px;

    transform-origin:right center;

}

.fc-toast.show .fc-toast-progress{

    animation:fcToastProgress linear forwards;

}

@keyframes fcToastProgress{

    from{

        transform:scaleX(1);

    }

    to{

        transform:scaleX(0);

    }

}

.fc-toast-header{

    display:flex;

    align-items:center;

    gap:14px;

    padding:18px 18px 10px;

}



/* ==========================
   FC Toast Buttons Override
========================== */

.fc-toast button {

    font-family: inherit;

    box-shadow: none !important;

    outline: none !important;

}


.fc-toast .fc-toast-action {

    display: flex;

    align-items: center;

    justify-content: center;

    width: calc(100% - 36px);

    margin: 0 18px 18px;

    padding: 12px 20px;

    border: none !important;

    border-radius: 12px;

    background: #22c55e !important;

    color: #fff !important;

    font-size: 14px;

    font-weight: 600;

    cursor: pointer;

    text-decoration: none;

    transition: .25s ease;

}


.fc-toast .fc-toast-action:hover {

    background:#16a34a !important;

    transform:translateY(-1px);

}


.fc-toast .fc-toast-close {

    display:flex;

    align-items:center;

    justify-content:center;

    width:34px;

    height:34px;

    padding:0;

    margin:0;

    border:none !important;

    background:transparent !important;

    color:#6b7280 !important;

    font-size:20px;

    line-height:1;

    cursor:pointer;

}


.fc-toast .fc-toast-close:hover {

    background:#f3f4f6 !important;

    color:#111827 !important;

}








/* رنگ‌های مختلف آیکون و نوار پیشرفت Toast */

.fc-toast.is-success .fc-toast-icon,
.fc-toast.is-success .fc-toast-progress {
	background: #34c759;
}

.fc-toast.is-error .fc-toast-icon,
.fc-toast.is-error .fc-toast-progress {
	background: #dc3545;
}

.fc-toast.is-warning .fc-toast-icon,
.fc-toast.is-warning .fc-toast-progress {
	background: #f59e0b;
}

.fc-toast.is-info .fc-toast-icon,
.fc-toast.is-info .fc-toast-progress {
	background: #3498db;
}

.fc-toast.is-cart .fc-toast-icon,
.fc-toast.is-cart .fc-toast-progress {
	background: #8bd052;
}








/* Toast مخفی نباید جلوی کلیک عناصر زیر خودش را بگیرد */
.fc-toast {
	pointer-events: none;
}

.fc-toast.show {
	pointer-events: auto;
}









/* آیکون SVG پیام Toast */
.fc-toast .fc-toast-icon{
    flex:0 0 42px;
    width:42px;
    min-width:42px;
    max-width:42px;
    height:42px;
    min-height:42px;
    max-height:42px;
    padding:0;
    border-radius:50%;
    box-sizing:border-box;
}

.fc-toast .fc-toast-icon svg{
    display:block;
    width:22px;
    height:22px;
    color:inherit;
    pointer-events:none;
}

/* دکمه کاملاً دایره‌ای بستن Toast */
.fc-toast .fc-toast-close{
    appearance:none !important;
    -webkit-appearance:none !important;

    display:inline-flex !important;
    flex:0 0 34px !important;
    align-items:center !important;
    justify-content:center !important;

    width:34px !important;
    min-width:34px !important;
    max-width:34px !important;

    height:34px !important;
    min-height:34px !important;
    max-height:34px !important;

    aspect-ratio:1 / 1 !important;
    margin:0 !important;
    padding:0 !important;

    border:0 !important;
    border-radius:50% !important;
    box-sizing:border-box !important;

    background:transparent !important;
    color:#6b7280 !important;
    line-height:1 !important;
}

.fc-toast .fc-toast-close svg{
    display:block;
    width:17px;
    height:17px;
    flex:0 0 17px;
    pointer-events:none;
}

.fc-toast .fc-toast-close:hover{
    background:#f3f4f6 !important;
    color:#111827 !important;
}