/* PLUXEE TABS
   ref: https://designsystem.pluxee.app/?path=/docs/molecules-tabs--docs

*/
/* CLASSIC TABS */
.mud-tab {
    text-transform: none !important;
    font-weight: 600;
    border-bottom-color: #d1cfd7 !important;
    border-bottom-width: 1px !important;
}
    .mud-tab:hover {
        background-color: #DEF3FB !important;
    }
.mud-tab-active:hover {
    background-color: #FFFFFF !important;
}
.mud-tab-active {
    border-color: #1b51dc !important;
    border-bottom-width: 4px;
}
.mud-tab-slider {
    background: #1b51dc !important;
    height: 4px !important;
}

/* ROUNDED TABS */
.plx-tab-rounded.mud-tab {
    text-transform: none !important;
    font-weight: 600;
    border-radius:5rem;
    border: none !important;
}
.plx-tab-rounded.mud-tab:hover {
    background-color: #DEF3FB;
}
.plx-tab-rounded.mud-tab-active, .plx-tab-rounded.mud-tab-active:hover {
    background-color: #1b51dc !important;
    color: #ffffff;
}

.mud-tabs-tabbar-wrapper:has(.plx-tab-rounded) .mud-tab-slider {
    visibility:hidden;
}
.mud-tabs-tabbar-wrapper:has(.plx-tab-rounded) {
    gap: 0.5rem;
    border-radius: 5rem;
    padding: 0.25rem;
    border-width: 1px;
    border-color: #d1cfd7;
}