﻿
.bg-white {
    --bs-bg-opacity: 1;
    background-color: white !important;
}

.link-dark {
    color: #212529 !important;
}

.search-bar {
    border: 1px solid #e5e5e5;
    border-radius: 0;
    padding: 10px 0;
    margin: 0 auto;
    max-width: 100%;
    /
}

.logo-img {
    height: 48px;
    width: 116px;
    object-fit: contain;
}

.search-input {
    font-size: 16px;
    border: 1px solid #d6d6d6;
    /*            padding: 12px; */
    /*            border-radius: 5px;*/
/*    border-top-right-radius: 0;
    border-bottom-right-radius: 0;*/
    box-shadow: none;
    outline: none;
    padding: 0px 20px;
    height: 47px;
    line-height: 48px;
    padding-bottom: 0px;
    border-left-style: none;
    border-radius: 0px;
}

.search-button {
    /*             display: flex;*/
    align-items: center;
    font-size: 18px;
    background-color: #007bff;
    color: white;
    border: none;
    padding: 11px 20px;
    border-radius: 8px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    text-transform: capitalize;
    width: 55%;
    transition: background-color 0.3s ease;
    margin-left: -138px;
}

    .search-button:hover {
        background-color: #0056b3;
    }

.align-items-center > * {
    display: flex;
    justify-content: center;
    align-items: center;
    display: flex;
    align-items: center;
    padding: 0.375rem 0.75rem;
}

.input-group-text {
    display: flex;
    align-items: center;
    border-right: 0;
    background-color: #fff0;
    border: 1px solid #ced4da;
    border-right-width: 1px;
    border-radius: 0.575rem;
    padding: 15px 20px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right-style: none;
}

/*.login_signup {
    margin-right: -70px;
}*/





/* Default: Desktop Navigation Visible, Mobile Hidden */
#desktop-nav {
    display: block;
}

#mobile-nav {
    display: none;
}





/* Mobile View: Mobile Navigation Visible, Desktop Hidden */
@media (max-width: 768px) {
    #desktop-nav {
        display: none;
    }

    #mobile-nav {
        display: block;
    }
    .bg-white {
        --bs-bg-opacity: 1;
        background-color: white !important;
    }

    .link-dark {
        color: #212529 !important;
    }


    .search-bar {
        width: 100%;
    }

  .search-bar .input-group {
       flex-wrap: nowrap;
    }


    .search-button {
        white-space: nowrap;
        padding: 10px 20px;
        align-items: center;
        padding-left: 121px;
    }

    .search-input {
        border-left: none; 
    }


    .input-group-text {
        background-color: #f8f9fa; 
        border-right: none; 
    }

    .search-bar .d-flex {
        flex-wrap: nowrap;
    }






    .navbar-toggle {
        background-color: #007bff;
        border: none;
        color: white;
        padding: 10px 15px;
        border-radius: 4px;
    }

     .navbar-toggle:hover {
       background-color: #0056b3;
      }

    .navbar-header .navbar-brand {
        color: #212529;
        font-size: 20px;
        font-weight: bold;
    }

    .navbar-collapse {
        background-color: white;
        border-top: 1px solid #e5e5e5;
        padding: 10px;
    }

    .nav.navbar-nav > li {
        padding: 10px 0;
    }

    .navbar-form .form-control {
        width: 100%;
        margin-bottom: 10px;
    }
}











/*

    @media (max-width: 768px) {
        .search-bar {
            flex-wrap: wrap;
        }

        .col-lg-2,
        .col-lg-8 {
            margin-bottom: 10px;
        }

        .col-lg-8 {
            width: 100%;
        }

        .col-lg-2 {
            width: 100%;
        }
    }*/
