/* =================================
   GLOBAL NOTIFICATIONS
================================= */

/* Cart Alert Notification */
.cart-alert{
    position: fixed;
    top: 20px;
    right: 20px;
    background:#222;
    color:#fff;
    padding:8px 15px;
    border-radius:5px;
    font-size:14px;
    z-index:99999;
    animation: cartFade 1.5s ease;
}

/* Cart Badge */
.cart-notification-count{
    position:absolute;
    top:-8px;
    right:-8px;
    background:#000;
    color:#fff;
    width:20px;
    height:20px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:12px;
}

/* Fade animation */
@keyframes cartFade{
    0%{
        opacity:0;
        transform:translateY(-10px);
    }
    10%{
        opacity:1;
        transform:translateY(0);
    }
    90%{
        opacity:1;
    }
    100%{
        opacity:0;
        transform:translateY(-10px);
    }
}

/* =================================
   PRODUCT PAGE TOAST
================================= */

#toast-container{
    position:fixed;
    top:20px;
    right:20px;
    z-index:9999;
}

.toast{
    min-width:250px;
    margin-bottom:10px;
    padding:12px 18px;
    border-radius:6px;
    color:#fff;
    font-size:14px;
    box-shadow:0 5px 15px rgba(0,0,0,0.2);
    animation:toastFade .3s ease;
}

.toast-success{
    background:#28a745;
}

.toast-error{
    background:#dc3545;
}

@keyframes toastFade{
    from{
        opacity:0;
        transform:translateX(40px);
    }
    to{
        opacity:1;
        transform:translateX(0);
    }
}