/* Mobil Menü Düzenlemeleri - Sidebar Tarzı */

/* Sayfa overlay - Tamamen kaldırıldı */
.mobile-menu-overlay {
    display: none !important;
    opacity: 0 !important;
}

.mobile-menu-overlay.show {
    display: none !important;
    opacity: 0 !important;
}

/* Navbar toggle butonu */
.navbar-toggler {
    border: none !important;
    padding: 10px !important;
    outline: none !important;
    box-shadow: none !important;
    border-radius: 4px !important;
    background-color: transparent !important;
    transition: all 0.3s ease !important;
    z-index: 1050 !important;
}

.navbar-toggler:focus {
    box-shadow: none !important;
}

.navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(22, 49, 114, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
    transition: all 0.3s ease !important;
}

/* Sidebar menü */
@media (max-width: 991.98px) {
    body {
        overflow-x: hidden;
    }

    body.mobile-menu-open {
        overflow: hidden;
    }

    /* Navbar collapse - sidebar (sağdan açılır) */
    .navbar-collapse {
        display: block !important;
        position: fixed !important;
        top: 0 !important;
        right: -280px !important; /* Başlangıçta ekran dışında (sağda) */
        left: auto !important; /* left değerini sıfırla */
        width: 280px !important;
        height: 100vh !important;
        background-color: white !important;
        box-shadow: 0 0 20px rgba(0, 0, 0, 0.1) !important;
        padding: 0 !important;
        overflow-y: auto !important;
        z-index: 1050 !important;
        transition: right 0.3s ease !important; /* right geçişi */
        border-left: 1px solid #eee !important; /* sağ kenar çizgisi yerine sol kenar */
    }

    .navbar-collapse.show {
        right: 0 !important; /* Menü açıldığında ekrana girer (sağdan) */
    }

    /* Menü başlığı */
    .mobile-menu-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 15px 20px;
        border-bottom: 1px solid #eee;
        background-color: white; /* Beyaz arkaplan */
    }

    .mobile-menu-header .mobile-logo {
        height: 40px;
    }

    .mobile-menu-header .mobile-close {
        background: none;
        border: none;
        color: #163172; /* Lacivert renk */
        font-size: 24px;
        cursor: pointer;
        padding: 5px;
    }

    /* Menü içeriği */
    .navbar-nav {
        padding: 0 !important;
        margin: 0 !important;
        width: 100% !important;
    }

    .navbar-nav .nav-item {
        margin: 0 !important;
        border-bottom: 1px solid #f0f0f0 !important;
        background-color: white !important; /* Arkaplanı beyaz yap */
    }

    .navbar-nav .nav-item:last-child {
        border-bottom: none !important;
    }

    .navbar-nav .nav-link {
        padding: 15px 20px !important;
        font-size: 16px !important;
        color: #333 !important;
        font-weight: 500 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        background-color: white !important; /* Arkaplanı beyaz yap */
    }

    .navbar-nav .nav-link.active {
        color: #163172 !important;
        font-weight: 700 !important;
        background-color: transparent !important;
    }

    /* Menü öğeleri arasındaki çizgiyi kaldır */
    .navbar-nav .nav-item:not(:last-child):after {
        display: none !important;
    }

    /* Dropdown menü düzenlemeleri - Boşluk sorununu çözme */
    .navbar-nav .dropdown {
        position: relative !important;
    }

    .navbar-nav .dropdown-toggle {
        position: relative !important;
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        width: 100% !important;
    }

    /* Dropdown ikon düzenlemesi - Tamamen yeniden tasarlandı */
    .navbar-nav .dropdown-toggle {
        position: relative !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        width: 100% !important;
        padding-right: 50px !important; /* İkon için yer aç */
        cursor: pointer !important;
    }

    .navbar-nav .dropdown-toggle span {
        display: inline-block !important;
        flex: 1 !important;
        text-align: left !important;
        padding-right: 0 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    .navbar-nav .dropdown-toggle .fas {
        position: absolute !important;
        right: 20px !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        transition: all 0.3s ease !important;
        width: 24px !important;
        height: 24px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        border-radius: 50% !important;
        background-color: rgba(22, 49, 114, 0.1) !important;
        color: #163172 !important;
        font-size: 12px !important;
        pointer-events: none !important; /* İkona tıklamayı engelle, ana elemana geçir */
    }

    .navbar-nav .dropdown.show .dropdown-toggle .fas {
        transform: translateY(-50%) rotate(180deg) !important;
        background-color: #163172 !important;
        color: white !important;
    }

    /* Dropdown menü */
    .navbar-nav .dropdown-menu {
        position: static !important;
        float: none !important;
        width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
        border: none !important;
        border-radius: 0 !important;
        background-color: #f0f0f0 !important;
        box-shadow: none !important;
        display: none !important;
        left: 0 !important;
        right: 0 !important;
        transform: none !important;
        top: auto !important;
        bottom: auto !important;
        min-width: 100% !important;
        max-width: 100% !important;
        overflow: hidden !important;
    }

    /* Dropdown açıkken */
    .navbar-nav .dropdown.show .dropdown-menu {
        display: block !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* Dropdown menü öğeleri */
    .navbar-nav .dropdown-item {
        padding: 12px 30px !important;
        margin: 0 !important;
        font-size: 15px !important;
        border-bottom: 1px solid #ddd !important;
        color: #333 !important;
        display: block !important;
        width: 100% !important;
        text-decoration: none !important;
        background-color: transparent !important;
        white-space: normal !important;
        text-align: left !important;
        line-height: 1.5 !important;
    }

    .navbar-nav .dropdown-item:hover {
        background-color: rgba(22, 49, 114, 0.1) !important;
        color: #163172 !important;
    }

    .navbar-nav .dropdown-item:last-child {
        border-bottom: none !important;
    }

    .navbar-nav .dropdown-item.active {
        color: #163172 !important;
        font-weight: 700 !important;
        background-color: rgba(22, 49, 114, 0.05) !important;
    }

    /* Teklif Al butonu */
    .mobile-menu-footer {
        padding: 20px;
        border-top: 1px solid #eee;
        text-align: center;
    }

    .contact-btn-mobile {
        display: block;
        width: 100%;
        text-align: center;
        padding: 12px 20px;
        background-color: #163172;
        color: white !important;
        border-radius: 30px;
        font-weight: 600;
        text-decoration: none;
        transition: all 0.3s ease;
        border: none;
    }

    .contact-btn-mobile:hover,
    .contact-btn-mobile:focus {
        background-color: #0d2050;
        color: white !important;
        transform: translateY(-2px);
    }

    /* GTranslate Dil Çevirici (Mobil) */
    .gtranslate_wrapper_mobile {
        display: flex;
        justify-content: center;
        margin-top: 20px;
    }

    /* Sosyal medya ikonları */
    .mobile-social-icons {
        display: flex;
        justify-content: center;
        margin-top: 10px;
    }

    .mobile-social-icons a {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 40px;
        height: 40px;
        background-color: #f8f9fa;
        border-radius: 50%;
        margin: 0 5px;
        color: #163172;
        transition: all 0.3s ease;
        text-decoration: none;
    }

    .mobile-social-icons a:hover {
        background-color: #163172;
        color: white;
        transform: translateY(-3px);
    }
}