/*
* 2026-02-06
* Bootstrap nav-pills custom styles
* Can use across pages and overwrite styles
*/
/* Tabs and panes styles */
ul.nav.nav-pills {
    list-style: none;
    padding: 0;
    margin: 0;
}
.nav-pills .nav-item button {
    background:none;
    padding:0.6rem 1rem;
    color:var(--site-logo-darkBlue);
    border-color:var(--site-logo-darkBlue);
    border:solid 1px;
    border-radius: var(--pws-border-radius-pill) !important;
    font-weight:600;
}
.nav-pills .nav-item button:hover {
    color:var(--pws-white);
    background:var(--site-logo-darkBlue);
}
.nav-pills .nav-item button.active {
    color:var(--pws-white);
    background:var(--site-logo-darkBlue);
}
/* Transition animation */
.tab-pane.active {
    animation: slide-up 0.5s ease-out;
}
@keyframes slide-up {
    0% { opacity: 0; transform: translateY(16px); }
    100% { opacity: 1; transform: translateY(0); }
}
/* Mobile adjustments */
@media(max-width: 576px) {
    li.nav-item {
        display: inline-block;
        margin:0 0.4rem 0.5rem 0;
    }
}