/* Custom styles for PWPCart application */

/* Additional form styles */
.form-error {
    @apply border-red-500 bg-red-50;
}

.form-success {
    @apply border-green-500 bg-green-50;
}

/* Loading states */
.btn-loading {
    @apply opacity-75 cursor-not-allowed;
}

.btn-loading::after {
    content: "";
    @apply inline-block w-4 h-4 ml-2 border-2 border-white border-r-transparent rounded-full animate-spin;
}

/* Custom radio button styling */
.radio-option:checked + .radio-label {
    @apply border-primary bg-blue-50;
}

/* Price highlighting */
.price-highlight {
    @apply text-2xl font-bold text-primary;
}

/* Cart item animations */
.cart-item {
    transition: all 0.3s ease;
}

.cart-item:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 15px rgba(44, 90, 160, 0.1);
}

/* Success animations */
.success-checkmark {
    animation: checkmark 0.5s ease-in-out;
}

@keyframes checkmark {
    0% {
        transform: scale(0);
    }
    50% {
        transform: scale(1.2);
    }
    100% {
        transform: scale(1);
    }
}

/* Mobile optimizations */
@media (max-width: 640px) {
    .mobile-full {
        @apply w-full;
    }
    
    .mobile-stack {
        @apply flex-col space-y-4;
    }
}