/**
 * Styles pour l'affichage de la réduction NPA 1261
 */

/* Style pour la ligne de réduction dans le service */
.acm-discount-display {
    animation: fadeIn 0.3s ease-in;
}

.acm-discount-display p {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.acm-discount-display .am-amount {
    font-weight: 600;
}

/* Animation d'apparition */
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Style pour le message de confirmation */
.acm-discount-message {
    animation: slideDown 0.3s ease-out;
}

@keyframes slideDown {
    from {
        opacity: 0;
        max-height: 0;
        transform: translateY(-20px);
    }
    to {
        opacity: 1;
        max-height: 100px;
        transform: translateY(0);
    }
}

/* Badge de réduction */
.acm-discount-badge {
    display: inline-block;
    background: #28a745;
    color: white;
    padding: 2px 8px;
    border-radius: 4px;
    font-size: 0.85em;
    margin-left: 8px;
    animation: pulse 2s infinite;
}

@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(40, 167, 69, 0.7);
    }
    70% {
        box-shadow: 0 0 0 10px rgba(40, 167, 69, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(40, 167, 69, 0);
    }
}

/* Prix original barré avec transition */
.acm-original-price {
    text-decoration: line-through;
    opacity: 0.5;
    font-size: 0.9em;
    transition: all 0.3s ease;
}

/* Container pour la réduction alternative */
.acm-discount-row {
    background: linear-gradient(90deg, #f0f9ff 0%, #e7f5ff 100%);
    border-left: 3px solid #28a745;
    padding: 8px 12px;
    margin: 10px 0;
    border-radius: 0 4px 4px 0;
}

.acm-discount-row .discount-label {
    color: #28a745;
    font-weight: 500;
    display: flex;
    align-items: center;
}

.acm-discount-row .discount-label svg {
    width: 16px;
    height: 16px;
    margin-right: 8px;
}