/* Cart specific styles */
.cart-sidebar {
    scrollbar-width: thin;
    scrollbar-color: #cbd5e0 #f7fafc;
}

.cart-sidebar::-webkit-scrollbar {
    width: 6px;
}

.cart-sidebar::-webkit-scrollbar-track {
    background: #f7fafc;
}

.cart-sidebar::-webkit-scrollbar-thumb {
    background: #cbd5e0;
    border-radius: 3px;
}

.cart-sidebar::-webkit-scrollbar-thumb:hover {
    background: #a0aec0;
}

/* Toast animation */
@keyframes slideInRight {
    from {
        transform: translateX(100%);
        opacity: 0;
    }
    to {
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes slideOutRight {
    from {
        transform: translateX(0);
        opacity: 1;
    }
    to {
        transform: translateX(100%);
        opacity: 0;
    }
}

.toast-enter {
    animation: slideInRight 0.3s ease-out;
}

.toast-exit {
    animation: slideOutRight 0.3s ease-in;
}

/* Responsive cart sidebar */
@media (max-width: 640px) {
    #cartSidebar {
        width: 90vw;
        max-width: 90vw;
    }
}

/* Quantity input styling */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type="number"] {
    -moz-appearance: textfield;
}