/* Ensure navbar items wrap nicely on large screens */
.navbar-nav {
    flex-wrap: wrap;
}


/* Refine search input (lg screens) */
@media (min-width: 992px) {
    .navbar .search-wrapper {
        display: flex;
        align-items: center;
        position: relative;
        margin-left: auto;
    }

    .navbar .search-wrapper input.form-control {
        width: 200px;
        padding-right: 2.5rem;
    }

    .navbar .search-wrapper button {
        position: absolute;
        right: 0.25rem;
        top: 50%;
        transform: translateY(-50%);
        border: none;
        background: none;
        color: #000;
    }
}

/* Optional: Search input full width on small screens */
@media (max-width: 991.98px) {
    .navbar .search-wrapper input.form-control {
        width: 100%;
    }
}

.search-icon i {
    transition: color 0.3s ease;
}

.search-icon:hover i {
    color: #f8f9fa;
    /* Light color on hover */
}

a[title="Search"] i {
    transition: color 0.3s ease, transform 0.3s ease;
}

a[title="Search"]:hover i {
    color: #ffc107;
    transform: scale(1.1);
}

a[href="/search/"] {
    display: none
}

#tender1,
#search {
    display: block !important;
}

.header-dark-blue {
    background-color: #003366 !important;
}