/* ============================================================
   wizard-tabs.css
   Self-contained styles for jquery.bootstrap.wizard.js
   Replaces all Bootstrap JS tab plugin dependency.
   ============================================================ */

/* ----------------------------------------------------------
   TAB PANE VISIBILITY
   Used by: showTab() — adds/removes .active on .tab-pane
   ---------------------------------------------------------- */
.tab-pane {
    display: none;
}

.tab-pane.active {
    display: block;
}

/* ----------------------------------------------------------
   DISPLAY UTILITY
   Used by: fixNavigationButtons() — toggleClass('d-none', ...)
   Hides/shows Next, Previous, Finish, Back, Last buttons.
   ---------------------------------------------------------- */
.d-none {
    display: none !important;
}

/* ----------------------------------------------------------
   NAV BASE
   Added to the <ul> by tabClass default: 'nav nav-pills'
   ---------------------------------------------------------- */
.nav {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

/* ----------------------------------------------------------
   NAV PILLS
   Added to the <ul> by tabClass default: 'nav nav-pills'
   ---------------------------------------------------------- */
.nav-pills .nav-link {
    border-radius: 0.25rem;
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    color: #fff;
    background-color: #0d6efd;
}

/* ----------------------------------------------------------
   ACTIVE NAV ITEM
   Used by: showTab() — adds/removes .active on the <li>
   ---------------------------------------------------------- */
.nav .active > a,
.nav li.active > a {
    font-weight: bold;
}

/* ----------------------------------------------------------
   DISABLED NAV ITEM
   Used by: disable() / enable() — adds/removes .disabled on <li>
   showTab() — skips navigation if <li> has .disabled
   ---------------------------------------------------------- */
.nav li.disabled > a,
.nav .disabled > a {
    pointer-events: none;
    cursor: not-allowed;
    opacity: 0.5;
}

/* ----------------------------------------------------------
   WIZARD ELEMENT STATE CLASSES
   Used by: next() — checks element.hasClass('last')
            previous() — checks element.hasClass('first')
            first() / last() — checks element.hasClass('disabled')
   These are read-only state flags; no visual style required
   by the wizard itself, but defined here for completeness.
   ---------------------------------------------------------- */
.root-wizard.last {}
.root-wizard.first {}
.root-wizard.disabled {}