.dark-mode.page-grid {
    background-color: var(--business-section) !important;
}
.dark-mode.page-frame {
    background-color: #1A1A25 !important;
}
.dark-mode.page-grid.business-search-page,
.dark-mode.page-grid.business-glossary-page {
    background-color: var(--dark-gunmetal2) !important;
}
.business-glossary-page .content-item .fr-title {
    color: #ffffff !important;
    font-weight: bold;
}
.dark-mode.page-grid .card {
    color: white;
}
.dark-mode.page-grid .card .text-body-tertiary {
    color: rgba(var(--bs-secondary-rgb),var(--bs-text-opacity))!important;
}

.dark-mode .card {
    color: var(--white);
    border-color: var(--dark-gunmetal2);
}


.dark-mode .dark-section,
.dark-mode .dark-section .search-results-container {
    color: white;
}


.dark-mode .articles-nav {
    top: -0.04rem !important;
    box-shadow: white -15px 0px 45px -5px !important;
    background-color: rgba(var(--bs-secondary-rgb)) !important;
    height: 32px !important;
    border-radius: var(--bs-border-radius-xxl) !important;
}

@media only screen and (max-width: 991px) {
    .dark-mode .category-container {
        max-width: 80vw !important;
    }
}

/* TODO: MOVE TO GLOBAL CSS ONCE UNLOCKED */
@media only screen and (max-width: 767px) {
    .dyn-center-item{
        align-items: center !important;
    }
}

.min-h-rte{
    min-height: 178px !important;
}

.business-finformation-page .card .text-secondary {
    color: #B9B9BB !important;
}

/* Dark scrollbar for business pages
   -webkit-scrollbar: Chrome, Edge, Safari, Opera (not Firefox)
   scrollbar-color (standard): Firefox 64+, Chrome 121+, Edge 121+, Safari 26.2+
   We use @supports to avoid Chrome 121+ overriding the webkit styles */
.dark-mode::-webkit-scrollbar,
.dark-mode *::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
.dark-mode::-webkit-scrollbar-track,
.dark-mode *::-webkit-scrollbar-track {
    background-color: var(--business-main-bg);
}
.dark-mode::-webkit-scrollbar-thumb,
.dark-mode *::-webkit-scrollbar-thumb {
    background-color: var(--business-section);
    border-radius: 15px;
}
.dark-mode::-webkit-scrollbar-thumb:hover,
.dark-mode *::-webkit-scrollbar-thumb:hover {
    background-color: #55556a;
}

/* Standard scrollbar-color for Firefox (does not support -webkit-scrollbar) */
@supports not selector(::-webkit-scrollbar) {
    .dark-mode,
    .dark-mode * {
        scrollbar-color: var(--business-section) var(--business-main-bg);
        scrollbar-width: thin;
    }
}