/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

/* Estilos para el botón de borrar todos los productos */
.px-button-danger-alt {
    background-color: #8b0000 !important; /* Rojo más oscuro */
    border-color: #8b0000 !important;
    color: white !important;
    font-weight: bold !important;
    border: 2px solid #8b0000 !important;
}

.px-button-danger-alt:hover {
    background-color: #a50000 !important;
    border-color: #a50000 !important;
    color: white !important;
    transform: scale(1.02);
    box-shadow: 0 4px 8px rgba(139, 0, 0, 0.3) !important;
}

.px-button-danger-alt:focus {
    box-shadow: 0 0 0 3px rgba(139, 0, 0, 0.25) !important;
}

/* Hacer que el botón se destaque más */
#px-delete-all-products {
    position: relative;
    animation: subtle-pulse 2s infinite;
}

@keyframes subtle-pulse {
    0%, 100% { 
        transform: scale(1); 
    }
    50% { 
        transform: scale(1.01); 
    }
}