.navbar-nav .nav-link:focus-visible {
    outline: none !important;
    box-shadow: none !important;
}

/* Fix mobile navbar toggler border/outline */
.navbar-toggler {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    background: transparent !important;
}

    .navbar-toggler:focus,
    .navbar-toggler:active {
        border: none !important;
        outline: none !important;
        box-shadow: none !important;
    }

/* Ensure clean icon without white lines */
.navbar-toggler-icon,
.navbar-toggler-icon::before,
.navbar-toggler-icon::after {
    border: none !important;
    outline: none !important;
}

/* Fix dropdown menu on mobile to show all content */
@media (max-width: 991px) {
    .navbar-nav .dropdown-menu.mega-menu {
        max-height: none !important;
        height: auto !important;
        overflow: visible !important;
        position: static !important;
        transform: none !important;
    }

    .navbar-nav .has-megamenu .dropdown-menu {
        display: block;
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.3s ease;
    }

    .navbar-nav .has-megamenu.show .dropdown-menu {
        max-height: 2000px !important;
        overflow: visible !important;
    }
}
.navbar-toggler-icon::before,
.navbar-toggler-icon::after {
    content: none !important;
    display: none !important;
    background: none !important;
    width: 0 !important;
    height: 0 !important;
}
@media (max-width: 991px) {
    .navbar-nav.nav-last {
        flex-wrap: wrap;
        justify-content: flex-end;
        gap: 0.25rem; /* optional spacing between buttons */
    }

        .navbar-nav.nav-last .nav-item {
            flex: 1 1 auto;
            min-width: 80px; /* or adjust as needed */
        }

        .navbar-nav.nav-last .nav-link {
            padding: 0.25rem 0.5rem;
            font-size: 0.9rem;
        }
}
/* General mobile navbar cleanup */
@media (max-width: 991px) {
    /* Make the navbar background consistent */
    .navbar {
        background-color: #fff; /* or your brand color */
        border-bottom: 1px solid #ddd;
    }

    /* Style the toggler button */
    .navbar-toggler {
        border: none;
        outline: none;
        padding: 0.5rem;
    }

    .navbar-toggler-icon {
        background-image: url("data:image/svg+xml,..."); /* optional custom icon */
    }

    /* Stack nav items neatly */
    .navbar-nav {
        flex-direction: column;
        align-items: flex-start;
        padding: 0.5rem 1rem;
    }

        /* Improve button look */
        .navbar-nav .nav-item {
            margin: 0.25rem 0;
            width: 100%;
        }

        .navbar-nav .nav-link {
            display: block;
            width: 100%;
            padding: 0.75rem 1rem;
            border-radius: 4px;
            background: #f8f9fa;
            color: #333;
            font-weight: 500;
            text-align: left;
        }

            .navbar-nav .nav-link:hover {
                background: #e9ecef;
            }

    /* Special styling for SignUp/Login buttons */
    .btn-signup .nav-link {
        background: #007bff;
        color: #fff;
    }

    .btn-login .nav-link {
        background: #6c757d;
        color: #fff;
    }

    /* Language button */
    .language .nav-link {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: 0.5rem;
        background: #f1f1f1;
        font-size: 0.9rem;
    }

    .language img {
        width: 18px;
        height: 18px;
    }
}