/* Custom Styling and Animations for VogueVault */

@keyframes pulseGlow {
    0%, 100% {
        box-shadow: 0 0 15px rgba(217, 119, 6, 0.35);
    }
    50% {
        box-shadow: 0 0 25px rgba(217, 119, 6, 0.65);
    }
}

.glow-btn {
    animation: pulseGlow 3s infinite;
}

/* Custom Scrollbar */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
::-webkit-scrollbar-track {
    background: #f5f5f4;
}
::-webkit-scrollbar-thumb {
    background: #d6d3d1;
    border-radius: 9999px;
}
::-webkit-scrollbar-thumb:hover {
    background: #a8a29e;
}

/* Card hover transitions */
.product-card {
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}
.product-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.08), 0 8px 10px -6px rgba(0, 0, 0, 0.04);
}

.seller-ad-card {
    position: relative;
    border: 1.5px dashed #f59e0b;
    background: linear-gradient(180deg, #fffbeb 0%, #ffffff 30%);
}

.seller-badge-pulse {
    animation: badgePing 2s cubic-bezier(0, 0, 0.2, 1) infinite;
}

@keyframes badgePing {
    75%, 100% {
        transform: scale(1.15);
        opacity: 0;
    }
}

/* Toast animations */
.toast-enter {
    animation: slideInRight 0.3s forwards ease-out;
}
.toast-leave {
    animation: slideOutRight 0.3s forwards ease-in;
}

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

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

/* Glassmorphism elements */
.glass-effect {
    background: rgba(255, 255, 255, 0.85);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}