/* Ana menü öğeleri */
.navbar {
    z-index: 2;
}

.navbar-nav .nav-item {
    margin-right: 2px; /* Ana menü öğeleri arasında boşluk bırakır */
}

.nav-link {
    font-weight: 600;
    color: black; /* Initial color */
    padding: 10px 15px;
    display: inline-block;
    border-radius: 3px; /* Rounded corners */
    transition: background-color 0.3s ease, color 0.3s ease, box-shadow 0.3s ease;
}

.button{
    background-color: #fbd100;
    margin-left: 10px;
}

.button:hover{
    background-color: #ffffff;
}

/* Hover effect for main menu items */
.nav-link:hover {
    background-color: rgba(255, 123, 0, 0.947); /* Light orange background on hover */
    color: #DE6B18; /* Orange text on hover */
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); /* 3D hover effect */
    border-radius: 3px; /* Ensure border-radius is applied on hover */
}

/* Alt menü öğeleri */
.dropdown-menu {
    background-color: #ffffff; /* Alt menü arkaplan rengi */
    border: none; /* Alt menü kenarlığını kaldırır */
    border-radius: 0; /* Alt menüyü yuvarlatılmış yapar */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* Alt menüye gölge ekler */
}

.nav-item:hover > .dropdown-menu {
    display: block;
}

.dropdown-menu {
    display: none;
}

/* Alt menü öğelerinin hover rengi */
.dropdown-menu a:hover {
    background-color: #DE6B18;
    border-radius: 3px; /* Rounded corners on hover for submenu items */
}

/* General Styling for Screens Below 1024px */
/* General Styling for Screens Below 1025px */
@media (max-width: 1024px) {
    .navbar-collapse {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        height: 100%;
        width: 75%;
        background-color: rgba(224, 108, 6, 0.96);
        padding-top: 60px;
        transition: transform 0.3s ease;
        transform: translateX(-100%);
        z-index: 998;
    }

    .navbar-collapse.show {
        display: block;
        transform: translateX(0);
    }

    .navbar-nav {
        flex-direction: column;
        align-items: center;
        padding-left: 0;
    }

    .nav-item {
        width: 100%;
        margin: 0;
    }

    .nav-link {
        font-weight: 600;
        color: black; /* Initial color */
        padding: 10px 15px;
        display: inline-block;
        border-radius: 3px; /* Rounded corners */
        margin-left: 15px; /* 15px left margin */
        transition: background-color 0.3s ease, color 0.3s ease, box-shadow 0.3s ease;
    }

        /* Remove hover effect */
    .nav-link:hover {
        background-color: unset; /* Remove background change on hover */
        color: unset; /* Remove color change on hover */
        box-shadow: unset; /* Remove shadow on hover */
    }

    .dropdown-menu {
        position: static;
        box-shadow: none;
        background-color: rgba(220, 220, 220, 0.545);
        width: 100%;
        
    }

    .dropdown-menu.show {
        display: block;
    }

    /* Ensure the navbar-toggler is visible */
    .navbar-toggler {
        display: block;
        position: absolute;
        right: 15px;
        top: 15px;
        background: none;
        border: none;
        font-size: 24px;
        color: white;
        z-index: 999;
    }

    /* Prevent fixed top behavior */
    .navbar {
        position: relative;
        top: auto;
    }
}