/* SP Auto Parts — Custom Styles */

/* Line clamp utilities */
.line-clamp-1 {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.line-clamp-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

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

@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; }
}

/* Modal animations */
.modal-backdrop {
    animation: fadeIn 0.2s ease-out;
}
.modal-content {
    animation: scaleIn 0.2s ease-out;
}

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}
@keyframes scaleIn {
    from { transform: scale(0.95); opacity: 0; }
    to { transform: scale(1); opacity: 1; }
}

/* Price styling */
.price-original {
    text-decoration: line-through;
    color: #9ca3af;
}
.price-sale {
    color: #dc2626;
    font-weight: 600;
}

/* Flash sale badge */
.flash-badge {
    animation: pulse 2s ease-in-out infinite;
}
@keyframes pulse {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.7; }
}