.navbar
{
    font-size: 1.2rem;
    font-weight: 500;
    /* background-image: url(../img/top-bar.png);
    background-repeat: no-repeat;
    background-position: top;
    background-size: contain; */
}
.navbar-brand
{
    font-weight: bold;
    font-size: 1.5rem;
    margin: unset;
}
#navbarNavResponsive
{
    width: 100%;
    display: none !important;
}
#navbarNavResponsive .navbar-nav
{
    position: absolute;
    bottom: -25px;
}
@media (max-width: 1000px)
{

    .navbar
    {
        display: unset !important;
        flex-wrap: unset !important;
    }
    .navbar .container
    {
        all: unset ;
        width: 90% !important;
        margin: auto !important;
    }
    #navbarNav
    {
        display: none !important;
    }
    #navbarNavResponsive
    {
        display: flex !important;
    }

    #navbarNavResponsive .navbar-nav
    {
        gap: 20px;
        flex-direction: unset !important;
        margin: auto !important;
    }

}
@media (max-width: 760px)
{
    .navbar
    {
        font-size: 1rem;
    }
    #navbarNavResponsive .navbar-nav
    {
        bottom: -30px;
    }
}
@media (max-width: 600px)
{
    .navbar
    {
        font-size: 1rem;
    }
    #navbarNavResponsive .navbar-nav
    {
        gap: 10px;
    }
}
@media (max-width: 480px)
{
    .navbar
    {
        font-size: 0.7rem;
        
    }
    #navbarNavResponsive .navbar-nav
    {
        gap: 10px;
    }
}
@media (max-width: 380px)
{
    .navbar
    {
        font-size: 0.6rem;
    }
    #navbarNavResponsive .navbar-nav
    {
        gap: 10px;
    }
}
.dropdown-menu
{
    background-color: #1f181d; /* Koyu zemin */
    border-radius: 12px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3);
    width: 100%;
    border: none;
    margin-top: 10px;
}

.dropdown-item {
    color: #f1f1f1;
    padding: 10px 20px;
    transition: all 0.2s ease;
    font-weight: 500;
}

.dropdown-item:hover {
    background-color: #2a2a3d;
    color: #ffd700; /* Altın sarısı hover rengi */
    padding-left: 25px;
}

.btn-buy-erol {
    background-color: #ffd700;
    color: #000;
    font-weight: bold;
    border-radius: 8px;
    padding: 10px 18px;
    border: none;
    transition: all 0.2s ease;
}

.btn-buy-erol:hover {
    background-color: #f9c700;
    color: #000;
}
.nav-link.home-link {
    background: linear-gradient(135deg, #1f1f1f, #2b2b2b);
    color: #ffffff;
    font-weight: 600;
    padding: 10px 20px;
    border-radius: 12px;
    text-decoration: none;
    margin-right: 12px;
    transition: all 0.3s ease-in-out;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
    display: inline-block;
    white-space: nowrap;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.nav-link.home-link:hover {
   
    box-shadow: 0 6px 14px rgba(255, 215, 0, 0.3);
    background: linear-gradient(135deg, #2c2c2c, #3b3b3b);
    color: #ffd700;
}