/* Global Overrides and Compatibility */

/* Hamburger Menu / Sidebar Toggle */
.hamburger,
.hamburger:before,
.hamburger:after {
    background: var(--text-heading) !important;
}

/* Remove old card defaults that might conflict */
.card {
    border: 1px solid var(--border-color);
    margin-bottom: 30px;
}

/* Fix Input Group Radius in Navbar */
.input-group-navbar .form-control {
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
}

.input-group-navbar .btn {
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    background: var(--primary);
    color: #fff;
    border: none;
}

.input-group-navbar .btn:hover {
    background: var(--primary-hover);
}

/* Badge Tweaks */
.badge {
    font-weight: 600;
    letter-spacing: 0.5px;
    padding: 0.5em 0.8em;
}

/* Ensure icons are centered */
.align-middle {
    vertical-align: middle !important;
}

/* Typography Enhancements */
.ls-1 {
    letter-spacing: 1px;
}

.font-monospace {
    font-family: 'SF Mono', 'Fira Code', 'Roboto Mono', monospace !important;
}

/* Scrollbar Styling - Light Theme Friendly */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background: #0f172a;
    /* Dark track */
}

::-webkit-scrollbar-thumb {
    background: #334155;
    /* Slate 700 thumb */
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: #475569;
    /* Slate 600 hover */
}

/* Animation Utilities */
.fade-in {
    animation: fadeIn 0.5s ease-in;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Toast/Notification container positioning */
.toast-container {
    position: fixed;
    top: 20px;
    right: 20px;
    z-index: 1060;
}