/* *******************************************
 ************ SWEET ALERT CSS ************
 ******************************************** */
div:where(.swal2-icon).swal2-warning {
    border-color: #9e833d !important;
    color: #9e833d!important;
}

div:where(.swal2-icon).swal2-error {
    border-color: #9e833d!important;
    color: #9e833d !important;
}
div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line] {
    background-color: #9e833d !important;
}


/* *******************************************
 ************ BUTTONS LOADING ***************
 ******************************************** */
/* Style général bouton loading */
.button-loading {
    position: relative!important;
    pointer-events: none!important;
    opacity: 0.7!important;
}

.button-loading .btn-text { /* Si besoin .button-loading > :first-child */
    padding-left: 30px!important; /* espace pour le spinner */
    display: inline-block!important;
}

/* Le spinner */
.button-loading::before {
    content: "" !important;
    position: absolute!important;
    top: 50%!important;
    left: 12px!important;
    transform: translateY(-50%);
    width: 16px!important;
    height: 16px;
    border: 2px solid transparent!important;
    border-top-color: currentColor!important;
    border-radius: 50%!important;
    animation: spin 0.8s linear infinite!important;
}

/* Spinner animation */
@keyframes spin {
    to {
        transform: translateY(-50%) rotate(360deg);
    }
}

/* Erreur bloc */
.alert-error {
    background: #f8d7da;
    color: #721c24;
    border: 1px solid #f5c6cb;
    padding: 12px 16px;
    border-radius: 4px;
    margin-bottom: 20px;
    font-weight: 500;
}