﻿ /*DROPDOWN STILLERI - GÜNCELLENMİŞ*/ 
/*.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    background-color: var(--secondary-bg);
    min-width: 15.625rem;
    padding: 0.9375rem 0;
    border-radius: var(--border-radius);
    box-shadow: 0 0.625rem 1.875rem rgba(0, 0, 0, 0.3);
    opacity: 0;
    visibility: hidden;
    transform: translateY(0.625rem);
    transition: var(--transition);
    z-index: 1001;
    border: 1px solid rgba(79, 195, 247, 0.1);
    display: block !important; 
}

.nav-item:hover > .dropdown-menu,
.nav-item.has-dropdown.active > .dropdown-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.dropdown-item {
    position: relative;
}

.dropdown-link, .dropdown-link.no-link {
    display: flex;
    align-items: center;
    padding: 0.625rem 1.25rem;
    transition: var(--transition);
    color: var(--text-color);
    font-size: var(--text-sm);
    width: 100%;
    text-align: left;
}

.dropdown-link:hover, 
.dropdown-link.active,
.dropdown-link.no-link:hover,
.dropdown-link.no-link.active {*/
    /*background-color: rgba(79, 195, 247, 0.1);*/
    /*color: var(--accent-color);
}

.dropdown-icon {
    margin-right: 0.625rem;
    font-size: var(--text-lg);
    width: 1.25rem;
    text-align: center;
}

.submenu-arrow {
    margin-left: auto;
    font-size: var(--text-sm);
    transition: var(--transition);
}*/

 /*SUBMENU STILLERI - GÜNCELLENMİŞ*/ 
/*.submenu {
    position: absolute;
    left: 100%;
    top: 0;
    background-color: var(--secondary-bg);
    min-width: 15.625rem;
    padding: 0.9375rem 0;
    border-radius: var(--border-radius);
    box-shadow: 0 0.625rem 1.875rem rgba(0, 0, 0, 0.3);
    opacity: 0;
    visibility: hidden;
    transform: translateX(0.625rem);
    transition: var(--transition);
    z-index: 1002;
    border: 1px solid rgba(79, 195, 247, 0.1);
    display: block !important;  
}

.dropdown-item:hover > .submenu,
.dropdown-item.has-submenu.active > .submenu {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
}

.submenu-link {
    display: flex;
    align-items: center;
    padding: 0.625rem 1.25rem;
    transition: var(--transition);
    color: var(--text-color);
    font-size: var(--text-sm);
    width: 100%;
}

.submenu-link:hover, 
.submenu-link.active {*/
    /*background-color: rgba(79, 195, 247, 0.1);*/
    /*color: var(--accent-color);
}

.submenu-icon {
    margin-right: 0.625rem;
    font-size: var(--text-lg);
    width: 1.25rem;
    text-align: center;
}*/

 /*MOBIL STILLER - GÜNCELLENMİŞ*/ 
/*@media (max-width: 48rem) {
    .main-nav {
        height: 4.375rem;
    }

    .nav-toggle {
        display: flex;
    }

    .nav-menu-container {
        position: fixed;
        top: 4.375rem;
        left: -100%;
        width: 100%;
        height: calc(100vh - 4.375rem);
        background-color: var(--main-bg);
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        padding: 1.25rem;
        gap: 0;
        transition: left 0.3s ease;
        overflow-y: auto;
    }

    .nav-menu-container.active {
        left: 0;
    }

    .nav-menu {
        flex-direction: column;
        width: 100%;
        gap: 0;
    }

    .nav-item {
        width: 100%;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }

    .nav-link, .no-link {
        padding: 0.9375rem 0;
        justify-content: space-between;
        font-size: var(--text-lg);
        width: 100%;
    }*/

     /*MOBIL DROPDOWN STILLERI*/ 
    /*.dropdown-menu {
        position: static !important;
        opacity: 1 !important;
        visibility: visible !important;
        transform: none !important;
        box-shadow: none;
        background-color: transparent;
        padding: 0 0 0 1.25rem !important;
        display: none !important;
        min-width: auto;
        border: none;
        margin: 0.625rem 0;
        width: 100%;
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.3s ease, padding 0.3s ease;
    }

    .nav-item.has-dropdown.active > .dropdown-menu {
        display: block !important;
        max-height: 1000px;
        padding: 0.5rem 0 0.5rem 1.25rem !important;
    }*/

     /*MOBIL SUBMENU STILLERI*/ 
    /*.submenu {
        position: static !important;
        opacity: 1 !important;
        visibility: visible !important;
        transform: none !important;
        box-shadow: none;
        background-color: transparent;
        padding: 0 0 0 1.25rem !important;
        display: none !important;
        min-width: auto;
        border: none;
        margin: 0.625rem 0;
        width: 100%;
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.3s ease, padding 0.3s ease;
    }

    .dropdown-item.has-submenu.active > .submenu {
        display: block !important;
        max-height: 1000px;
        padding: 0.5rem 0 0.5rem 1.25rem !important;
    }

    .dropdown-link, .dropdown-link.no-link,
    .submenu-link {
        padding: 0.75rem 0;
        font-size: var(--text-base);
    }

     Mobilde hover efektlerini kaldır 
    .nav-item:hover > .dropdown-menu,
    .dropdown-item:hover > .submenu {
        opacity: 1 !important;
        visibility: visible !important;
        transform: none !important;
        display: none !important;
    }
}*/

 /*Desktop için hover stilleri*/ 
/*@media (min-width: 48.1rem) {
    .nav-item.has-dropdown.active > .dropdown-menu,
    .dropdown-item.has-submenu.active > .submenu {
        display: none !important;
    }
}*/