/*---------------------------------------
    INPUT RESET
----------------------------------------*/
input.form-control:focus,
select.form-select:focus,
textarea.form-control:focus {
    box-shadow: none;
    border-color: #e94f1d !important;
}

/*-------------------
    BUTTONS
--------------------*/
button:not(
    .accordion-button,
    #settings_menu button,
    .ms-circle-button,
    .chat_footer button,
    .swal2-container button,
    #custom_context_menu button,
    button.btn-close,
    button[class*="btn-"],
    button[class*="btn"],
    .show-workout-card-details-button,
    .nav.nav-tabs .nav-link,
    .carousel-indicators button
){
    background-color: var(--buttons-background-color) !important;
    color: white !important;
    border-color: white !important;
}

.nav-pills .nav-link.active {
    background-color: var(--mangofit-color) !important;
}

/*------------------------
    BOOTSTRAP DROPDOWN
-------------------------*/


/*------------------------
    CIRCLE ICON BUTTONS
-------------------------*/
.circle-icon-button {
    border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
    border-radius: 50% !important;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--contrast-theme-color);
}

/* Stile hover solo se NON ha una classe btn-* */
.ms-circle-button:not(.btn-success):not(.btn-outline-success):not(.btn-danger):not(.btn-outline-danger):not(.btn-warning):not(.btn-outline-warning):not(.btn-info):not(.btn-outline-info):not(.btn-primary):not(.btn-outline-primary):not(.btn-secondary):not(.btn-outline-secondary):not(.btn-dark):not(.btn-outline-dark):not(.btn-light):not(.btn-outline-light):hover,
.circle-icon-button:not(.btn-success):not(.btn-outline-success):not(.btn-danger):not(.btn-outline-danger):not(.btn-warning):not(.btn-outline-warning):not(.btn-info):not(.btn-outline-info):not(.btn-primary):not(.btn-outline-primary):not(.btn-secondary):not(.btn-outline-secondary):not(.btn-dark):not(.btn-outline-dark):not(.btn-light):not(.btn-outline-light):hover {
    background-color: rgba(var(--contrast-theme-color-rgb), 0.1) !important;
    color: var(--contrast-theme-color) !important;
}
.ms-circle-button:hover,
.circle-icon-button:not(.floating-left):hover {
    transform: scale(1.1) !important;
    transition: all 0.3s !important;
}

.circle-icon-button.floating-left {
    position: absolute;
    left: 8px;
    top: 50%;
    transform: translate(8px, -50%);
}

.circle-icon-button.floating-left + .modal-title{
    margin-left: auto;
    margin-right: auto;
}

/*-----------------------
    BOOTSTRAP POPOVERS
------------------------*/
.mangofit-popover {
    z-index: 2000 !important;

    --bs-popover-border-color: rgba(var(--current-company-color-rgb), 0.8) !important;
    --bs-popover-header-bg: rgba(var(--current-company-color-rgb), 0.8) !important;
    --bs-popover-header-color: white !important;
}

.mangofit-popover.exercise-popover .popover-body {
    padding: 0px !important;
}

/*-----------------------
    PLACEHOLDERS
------------------------*/
html body .placeholder {
    background-color: lightgray !important;
    color: transparent !important;
}