/* shop/static/shop/css/order.css */

/* Order status colors */
.status-pending {
    color: #FBBF24;
}

.status-confirmed {
    color: #60A5FA;
}

.status-processing {
    color: #818CF8;
}

.status-shipped {
    color: #A78BFA;
}

.status-delivered {
    color: #34D399;
}

.status-cancelled {
    color: #EF4444;
}

/* Progress bar animations */
.progress-step {
    transition: all 0.3s ease-in-out;
}

.progress-step.completed {
    transform: scale(1.05);
}

/* Order card hover effects */
.order-card {
    transition: all 0.2s ease-in-out;
}

@media (hover: hover) {
    .order-card:hover {
        transform: translateY(-2px);
        box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    }
}

/* Responsive adjustments */
@media (max-width: 640px) {
    .order-details {
        flex-direction: column;
    }
    
    .order-summary {
        position: static;
    }
}

/* Animation for status changes */
@keyframes statusUpdate {
    0% { transform: scale(1); }
    50% { transform: scale(1.1); }
    100% { transform: scale(1); }
}

.status-badge {
    animation: statusUpdate 0.3s ease-out;
}