﻿/* 1. usuń szarą linię bootstrap5 dodawaną przez ::before */
.underline-tabs .e-tab-header::before,
.underline-tabs .e-tab-header:not(.e-vertical)::before {
    display: none !important;
}

/* 2. upewnij się że indicator jest widoczny */
.underline-tabs .e-indicator {
    display: block !important;
    position: absolute !important;
    bottom: 0 !important;
    height: 2px !important;
    background-color: #0d6efd !important;
}

/* 3. usuń hover borders, tła i obramowania */
.underline-tabs .e-toolbar-item,
.underline-tabs .e-tab-wrap {
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
}

/* hover */
.underline-tabs .e-toolbar-item:hover {
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
}

/* focus */
.underline-tabs .e-toolbar-item:focus,
.underline-tabs .e-tab-wrap:focus {
    outline: none !important;
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
}

/* aktywny tab: niebieski */
.underline-tabs .e-toolbar-item.e-active .e-tab-text {
    color: #0d6efd !important;
}

/* nieaktywny tab: czarny */
.underline-tabs .e-toolbar-item:not(.e-active) .e-tab-text {
    color: #000 !important;
}

/* nieaktywny tab po najechaniu → niebieski */
.underline-tabs .e-toolbar-item:not(.e-active):hover .e-tab-text {
    color: #0d6efd !important;
}body {
}
