/* Dark Mode Visual Fixes */
.dark-mode .dropdown-menu {
    background-color: #272727 !important;
    border: 1px solid #444 !important;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
}

.dark-mode .dropdown-item {
    color: #f4f4f4 !important;
}

.dark-mode .dropdown-item:hover,
.dark-mode .dropdown-item:focus,
.dark-mode .dropdown-item.active {
    background-color: #333333 !important;
    color: #ffffff !important;
}

.dark-mode .dropdown-divider {
    border-top-color: #444 !important;
}

/* Ensure Icons are visible */
.dark-mode .dropdown-item svg {
    stroke: #e0e0e0 !important;
    fill: none;
}

/* Text visibility in inputs if issue exists */
.dark-mode .form-control {
    background-color: #222 !important;
    color: #fff !important;
    border-color: #444 !important;
}

.dark-mode .form-control::placeholder {
    color: #aaa !important;
}

/* Table Fixes */
.dark-mode .post-content .post-text table,
.dark-mode .post-content .post-text th,
.dark-mode .post-content .post-text td {
    color: #e0e0e0 !important;
    border-color: #444 !important;
}

.dark-mode .post-content .post-text table tr:nth-child(2n) {
    background-color: rgba(255, 255, 255, 0.05) !important;
}

.dark-mode .post-content .post-text table thead {
    background-color: rgba(255, 255, 255, 0.1) !important;
}

/* Table of Contents Fixes */
/* Default Light Mode Styles for TOC Link (replacing text-dark) */
.toc-link {
    color: #212529;
    text-decoration: none;
    transition: color 0.2s;
}

.toc-link:hover {
    color: #000;
}

.dark-mode .toc,
.dark-mode .table-of-contents,
.dark-mode #toc_container {
    background-color: #272727 !important;
    border-color: #444 !important;
    color: #e0e0e0 !important;
}

.dark-mode .toc a,
.dark-mode .table-of-contents a,
.dark-mode #toc_container a,
.dark-mode .toc-link {
    color: #e0e0e0 !important;
}

.dark-mode .toc a:hover,
.dark-mode .table-of-contents a:hover,
.dark-mode #toc_container a:hover,
.dark-mode .toc-link:hover {
    color: var(--inf-main-color, #fff) !important;
}

.dark-mode .table-of-contents .card-title {
    color: #e0e0e0 !important;
    border-bottom-color: #444 !important;
}

.dark-mode .table-of-contents .text-muted {
    color: #aaa !important;
}