/* Tab — i2t3 component styles */

.i2t3-tab-section { position: relative; }

.i2t3-tab-section .tab-wrap {
    background-color: transparent;
}
.i2t3-tab-section .nav-tabs .nav-link,
.i2t3-tab-section .nav-pills .nav-link {
    color: var(--i2t3-text, #212529);
    font-weight: 500;
}
/* Tabs (underline, no background): primary-coloured active label. */
.i2t3-tab-section .nav-tabs .nav-link.active {
    color: var(--i2t3-primary, #0d6efd);
}
/* Pills get a primary background from Bootstrap, so the active label must stay
 * white (was blue → blue-on-blue, unreadable). */
.i2t3-tab-section .nav-pills .nav-link.active {
    color: #fff;
}
/* Original applies top padding only (_tab.scss: padding-top: 30px). */
.i2t3-tab-section .tab-content {
    padding-top: 30px;
}

/* Vertical layout (i2t3_tab_vertical) */
.i2t3-tab-section .tab-wrap.d-flex .nav {
    min-width: 200px;
}
/* Vertical tabs (not pills) get the boxed look from the original
 * (_tab.scss: .nav-tabs.flex-column border + squared active link). */
.i2t3-tab-section .nav-tabs.flex-column {
    border: 1px solid #dee2e6;
}
.i2t3-tab-section .nav-tabs.flex-column .nav-link.active {
    border-bottom: 1px solid #dee2e6;
    border-radius: 0;
}