/* Custom overrides for Bootstrap's native dark mode */

/* Scrollbar styling for dark mode */
[data-bs-theme="dark"] ::-webkit-scrollbar {
    width: 12px;
    height: 12px;
}

[data-bs-theme="dark"] ::-webkit-scrollbar-track {
    background: #1a1a1a;
}

[data-bs-theme="dark"] ::-webkit-scrollbar-thumb {
    background: #444;
    border-radius: 6px;
}

[data-bs-theme="dark"] ::-webkit-scrollbar-thumb:hover {
    background: #555;
}

/* Ensure vertical-only scrolling where needed */
.overflow-y-auto {
    overflow-y: auto;
    overflow-x: hidden;
}

/* Custom adjustments for specific elements in dark mode */
[data-bs-theme="dark"] .bg-info-subtle {
    background-color: #1a3a52 !important;
}

[data-bs-theme="dark"] .text-info-emphasis {
    color: #a8d0ff !important;
}

[data-bs-theme="dark"] .alert-info {
    background-color: #1a3a52 !important;
    border-color: #2a4a62 !important;
    color: #a8d0ff !important;
}

[data-bs-theme="dark"] .alert-light {
    background-color: #2a2a2a !important;
    border-color: #3a3a3a !important;
    color: #e0e0e0 !important;
}

[data-bs-theme="dark"] .alert-warning {
    background-color: #3a2a1a !important;
    border-color: #4a3a2a !important;
    color: #ffc107 !important;
}

/* Navbar adjustments for dark mode */
[data-bs-theme="dark"] .navbar.bg-light {
    background-color: #2d2d2d !important;
    border-bottom: 1px solid #444;
}

[data-bs-theme="dark"] .navbar-light .navbar-brand {
    color: #e0e0e0 !important;
}

[data-bs-theme="dark"] .navbar-light .navbar-brand:hover {
    color: #66b3ff !important;
}

[data-bs-theme="dark"] .navbar-light .navbar-nav .nav-link {
    color: #e0e0e0 !important;
}

[data-bs-theme="dark"] .navbar-light .navbar-nav .nav-link:hover {
    color: #66b3ff !important;
}

[data-bs-theme="dark"] .navbar-light .navbar-toggler {
    border-color: #444;
}

[data-bs-theme="dark"] .navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28224, 224, 224, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

/* Badge adjustments for dark mode */
[data-bs-theme="dark"] .badge.text-bg-light {
    background-color: #444 !important;
    color: #e0e0e0 !important;
}

[data-bs-theme="dark"] .badge.bg-light {
    background-color: #444 !important;
    color: #e0e0e0 !important;
}

/* Light mode scrollbar */
[data-bs-theme="light"] ::-webkit-scrollbar {
    width: 12px;
    height: 12px;
}

[data-bs-theme="light"] ::-webkit-scrollbar-track {
    background: #f1f1f1;
}

[data-bs-theme="light"] ::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 6px;
}

[data-bs-theme="light"] ::-webkit-scrollbar-thumb:hover {
    background: #555;
}