/**
 * Bootstrap 5 buttons
 */

/* -- PRIMARY Button */
.btn.btn-primary {
    --bs-btn-color: #fff !important;
    --bs-btn-bg: var(--text-primary) !important;
    --bs-btn-active-bg: var(--text-primary) !important;
    --bs-btn-hover-bg:  var(--text-warning) !important;
    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-border-color: var(--text-warning) !important;
    transition: background-color 200ms linear, color 200ms linear;
}

.btn.btn-primary .icon-outline {
    background-color: white;
    border-radius: 50% !important; width: 55px; height: 55px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
    i { font-size: 2.2rem; color: var(--text-primary); }
}
.btn.btn-sm.btn-primary .icon-outline {
    width: 35px;
    height: 35px;
    i { font-size: 1.5rem; }
}

.btn.btn-primary:hover .icon-outline {  i {  color: var(--text-warning); }  }

/* -- -- PRIMARY OUTLINE Button */
.btn.btn-outline-primary {
    --bs-btn-border-color: var(--text-primary) !important;
    --bs-btn-color: var(--text-primary) !important;
    --bs-btn-bg: #fff !important;
    --bs-btn-hover-bg:#fff !important;
    --bs-btn-hover-color:  var(--text-warning) !important;
    --bs-btn-hover-border-color:  var(--text-warning) !important;
}

/* -- INFO Button */
.btn.btn-info {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--text-info);
}

/* -- -- INFO OUTLINE Button */
.btn.btn-outline-info {
    --bs-btn-color:var(--text-info);
    --bs-btn-bg:  #fff;
    --bs-btn-border-color: var(--text-info) !important;
}

.btn-action a, .btn-action button {
    border: 0;
    border-radius: .25em;
    color: #fff;
    font-size: 1.0625em;
    margin: .3125em;
    padding: .625em 1.1em;
    box-shadow: none;
    font-weight: 500;
}
.btn-action .btn-validate {
    background-color: rgb(26, 188, 156);
}
.btn-action .btn-cancel {
    background-color: rgb(241, 85, 108);
}

.btn-outline-orange {
    color: #e07b2b;
    background-color: #fff;
    border-color: #e07b2b;
}
.btn-outline-orange:hover {
    background-color: #e07b2b;
    color: #fff;
}

.btn .btn-label {
    vertical-align: top;
    margin-right: 0;
}

/* SECONDARY Button */
.btn.btn-secondary {
    --bs-btn-color: #fff !important;
    --bs-btn-bg: #b0b0b0 !important;
    --bs-btn-active-bg: #b0b0b0 !important;
    --bs-btn-hover-bg:  #6c757d !important;
    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-border-color: #6c757d !important;
    border : white !important;
    transition: background-color 200ms linear, color 200ms linear;
}

.btn.btn-secondary .icon-outline{
    background-color: white;
    border-radius: 50% !important; width: 55px !important; height: 55px !important;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
    i { font-size: 2.2rem !important; color: #b0b0b0; }
}

.btn.btn-sm.btn-secondary .icon-outline {
    width: 35px !important;
    height: 35px !important;
    i { font-size: 1.5rem !important; }
}

.btn.btn-secondary:hover .icon-outline {  i {  color: #6c757d; }  }


/*
.btn-app-create:hover, .btn-app-edit:hover, .btn-app-save:hover, .btn-app-cancel:hover, .btn-app-back:hover, .btn-app-print:hover, .btn-app-excel:hover, .btn-app-warning:hover, .btn-app-danger:hover, .btn-app-info:hover, .btn-app-grey:hover,
.btn-app-create:focus, .btn-app-edit:focus, .btn-app-save:focus, .btn-app-cancel:focus, .btn-app-back:focus, .btn-app-print:focus, .btn-app-excel:focus, .btn-app-warning:focus, .btn-app-danger:focus, .btn-app-info:focus, .btn-app-grey:focus {
    background-color: #fff;
    border-color: #000;
    color: #000;
}

.btn-app-create, .btn-app-create.btn-primary:disabled {
    background-color: #fff !important;
    border : solid 1px #93B1A6;
    color: #000;
}
.btn-app-create .btn-label {
    background-color: #93B1A6;
    color: #fff;
}
.btn-app-save, .btn-app-save.btn-primary:disabled {
    background-color: #fff !important;
    border-color: #12A63F;
    color: #000;
}
.btn-app-save .btn-label {
    background-color: #12A63F;
    color: #fff;
}
.btn-app-cancel, .btn-app-cancel.btn-primary:disabled {
    background-color: #fff !important;
    border-color: rgba(50,58,70,.4);
    color: #000;
}
.btn-app-cancel .btn-label {
    background-color: rgba(50,58,70,.1);
    color: #000;
}
.btn-app-warning, .btn-app-warning.btn-primary:disabled,
.btn-app-edit, .btn-app-edit.btn-primary:disabled {
    background-color: #fff !important;
    border-color: #e07b2b;;
    color: #000;
}
.btn-app-warning .btn-label,
.btn-app-edit .btn-label {
    background-color: #e07b2b;
    color: #fff;
}
.btn-app-danger, .btn-app-danger.btn-primary:disabled {
    background-color: #fff !important;
    border-color: #F1556C;;
    color: #000;
}
.btn-app-danger .btn-label {
    background-color: #F1556C;
    color: #fff;
}
.btn-app-back, .btn-app-back.btn-primary:disabled {
    background-color: #fff !important;
    border-color: #607274;;
    color: #000;
}
.btn-app-back .btn-label {
    background-color: #607274;
    color: #fff;
}
.btn-app-info, .btn-app-info:disabled {
    background-color: #fff !important;
    border-color: #B2A59B;
    color: #000;
}
.btn-app-info .btn-label {
    background-color: #B2A59B;
    color: #fff;
}
.btn-app-grey, .btn-app-grey:disabled {
    background-color: #fff !important;
    border-color: #98a6ad;;
    color: #000;
}
.btn-app-grey .btn-label {
    background-color: #98a6ad;
    color: #fff;
}

.btn-app-secondary {
    border-radius: 20px;
}

.btn-icon-app-action {
    background-color: #3498db !important;
    color: #fff;
}
.btn-icon-app-success {
    background-color: #1ABC9C !important;
    color: #fff;
}
.btn-icon-app-warning {
    background-color: #e07b2b !important;
    color: #fff;
}
.btn-icon-app-danger {
    background-color: #F1556C !important;
    color: #fff;
}
.btn-icon-app-action:hover, .btn-icon-app-action:focus,
.btn-icon-app-success:hover, .btn-icon-app-success:focus,
.btn-icon-app-warning:hover, .btn-icon-app-warning:focus,
.btn-icon-app-danger:hover, .btn-icon-app-danger:focus {
    border-color: #000;
    color: #000;
}

*/
.btn.disable { /* utilisé disable au lieu du disabled du thème car les tippy ne marchent pas avec */
    cursor: not-allowed;
    opacity: 0.65
}

/* #region BTN GROUP TOGGLE  */
.btn-group.btn-group-toggle .btn-outline-primary {
    background-color: white;
}

.btn-check:checked + .btn,
.btn.active,
.btn.show,
.btn:first-child:active,
:not(.btn-check) + .btn:active {
    color: var(--bs-btn-active-color) !important;
    /*background-color: var(--bs-btn-active-bg) !important;*/
    /*border-color: var(--bs-btn-active-border-color) !important;*/
    background-color: var(--text-primary) !important;
    border-color: var(--text-primary) !important;
}

.btn-check:disabled + .btn, .btn-check[disabled] + .btn {
    background-color: #eee;
}

/* #endregion BTN GROUP TOGGLE  */