/* PAGE BACKGROUNDS */

.main-bg-soft {
    background: #F9F9FD;
    min-height: 100vh;
}


/* NAV TABS */

.nav-tabs {
    border-bottom: 1px solid #ddd;
}

    .nav-tabs .nav-link {
        border: none;
        border-radius: 0;
        color: #6c757d;
        font-weight: 500;
        font-size: 1.125rem;
        padding: 0.33rem 1rem;
    }

        .nav-tabs .nav-link:hover {
            color: #000;
            background-color: #f8f9fa;
        }

        .nav-tabs .nav-link.active {
            color: #121319;
            border-bottom: 3px solid #121319;
            background-color: transparent;
            font-weight: 500;
        }


/* CARDS */

.card-header {
    border-bottom: none;
    background: #F9F9FD;
}



/* Card header consistent look */
.card-header {
    background-color: #F9F9FD;
    font-weight: 600;
    font-size: 1.25rem;
    padding: 1rem 1.25rem;
    color: #121319;
}


/*Info icon to display message */
.info-icon-btn {
    border: none;
    background: none;
    padding: 0;
    color: #71737B; /* neutral gray */
    cursor: pointer;
}

    .info-icon-btn:hover {
        color: #121319; /* darken slightly on hover */
    }

.tooltip-inner {
    max-width: 300px !important; /* override Bootstrap default (200px) */
    white-space: normal !important; /* allow line breaks */
}


/* INPUT OVERRIDES */

.form-check-input[type="checkbox"] {
    border: 1.5px solid #ccc; /* width + style + color */
    border-radius: 4px; /* optional: round edges */
}

.form-check-input:checked {
    background-color: black;
    border-color: black;
}

a {
    text-decoration: none;
}

    a:hover {
        text-decoration: underline; /* optional hover effect */
    }

.form-control:focus {
    box-shadow: none;
}
    /* BREADCRUMBS */

    .breadcrumb-item:not(.active) a {
    color: #6c757d !important; /* Bootstrap text-muted */
}

.breadcrumb-item.active {
    color: #000 !important;
    font-weight: 500; /* optional: looks cleaner */
}

/* BUTTONS */
/* Remove borders from accordion and buttons */
.accordion.bookmark-accordion .accordion-item,
.accordion.bookmark-accordion .accordion-button {
    border: none !important;
    box-shadow: none !important;
}

    /* Remove bottom border that Bootstrap adds to collapsed buttons */
    .accordion.bookmark-accordion .accordion-button:not(.collapsed) {
        box-shadow: none !important;
    }

/* Remove list-group-item dividers */
.accordion.bookmark-accordion .list-group-item {
    border: none !important;
}

.accordion-item {
    border: none !important;
}

/* Remove horizontal rule if you still see one */
.accordion.bookmark-accordion hr {
    border: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Optional: remove small gaps in the flush layout */
.accordion.bookmark-accordion .accordion-body {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    border-bottom: 0 !important;
}

.accordion-flush .accordion-item:first-child{
    border-bottom: 0 !important;
}
.accordion-flush .accordion-item .accordion-button, .accordion-flush .accordion-item .accordion-button.collapsed {
    box-shadow: none !important;
    border-bottom: none !important;
    border-bottom: 0 !important;
}
.accordion-button:not(.collapsed) {
    color: black;
    background-color: white;
}
.list-group-item {
    border: none;
}
.list-group-item.active {
    color: black;
    background-color: white;
    border-color: white
}
    .list-group-item.active:hover {
        background-color: var(--bs-list-group-action-hover-bg);
    }
.dropdown-menu {
    --bs-dropdown-link-active-bg: #e9ecef;
    --bs-dropdown-link-active-color: #212529;
}

.btn {
    --bs-btn-hover-color: var(--bs-btn-color);
    --bs-btn-hover-bg: var(--bs-btn-bg);
    --bs-btn-hover-border-color: var(--bs-btn-border-color);
}


    /* NAV PILLS */