/**
 * Product Details - Alert Messages
 * Contains: Success, error, and general alert styling
 * Part of modular product-details.css split
 */

.alert {
    border-radius: 0 !important;
    margin-bottom: 20px;
    padding: 15px 20px;
    border: 1px solid;
}

.alert-success {
    background: var(--bg-light);
    color: var(--success-color);
    border-color: var(--success-color);
}

.alert-danger {
    background: #fff5f5;
    color: var(--error-color);
    border-color: var(--error-color);
}