/* ============================================
   MOBİL HEADER - Sadece Logo + Hamburger
   ============================================ */

/* Hamburger Butonu - Masaüstünde Gizle */
.heder-one .mobile-hamburger-btn {
    display: none !important;
}

@media (max-width: 1199px) {
    /* Hamburger Butonu - Mobilde Göster */
    .heder-one .mobile-hamburger-btn {
        display: flex !important;
    }
    /* Mobil Header - Sadece Logo ve Hamburger */
    .heder-one {
        background: #1F2A37 !important;
        padding: 0 !important;
    }
    
    .heder-one .header-two-container {
        padding: 0 !important;
    }
    
    .heder-one .header-main-wrapper {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        padding: 12px 20px !important;
        min-height: 70px !important;
        gap: 15px !important;
    }
    
    /* Logo - Sol */
    .heder-one .logo-area {
        flex: 0 0 auto !important;
        padding: 0 !important;
        margin: 0 !important;
        min-width: auto !important;
        background: transparent !important;
    }
    
    .heder-one .logo-area .logo {
        display: flex !important;
        align-items: center !important;
    }
    
    .heder-one .logo-area .logo img {
        max-height: 50px !important;
        width: auto !important;
    }
    
    /* Top Bar - Mobilde Gizle */
    .heder-one .top {
        display: none !important;
    }
    
    /* Bottom Header - Mobilde Sadece Hamburger */
    .heder-one .bottom {
        display: none !important;
    }
    
    /* Right Area - Mobilde Gizle */
    .heder-one .rts-header-right {
        display: none !important;
    }
    
    /* Eski Nav Btn - Mobilde Gizle */
    .heder-one .bottom .right-area .nav-btn {
        display: none !important;
    }
    
    /* Hamburger Butonu - Sağda */
    .heder-one .mobile-hamburger-btn {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 44px !important;
        height: 44px !important;
        background: rgba(255, 255, 255, 0.1) !important;
        border: 1px solid rgba(255, 255, 255, 0.2) !important;
        border-radius: 8px !important;
        cursor: pointer !important;
        transition: all 0.3s ease !important;
        flex-shrink: 0 !important;
        margin-left: auto !important;
    }
    
    .heder-one .mobile-hamburger-btn:hover {
        background: var(--color-primary) !important;
        border-color: var(--color-primary) !important;
        transform: scale(1.05) !important;
    }
    
    .heder-one .mobile-hamburger-btn img {
        filter: brightness(0) saturate(100%) invert(100%) !important;
        width: 22px !important;
        height: 22px !important;
    }
    
    /* Sticky Header Mobil */
    .heder-one.header--sticky {
        background: #1F2A37 !important;
    }
    
    .heder-one.header--sticky .header-main-wrapper {
        padding: 10px 20px !important;
        min-height: 60px !important;
    }
    
    .heder-one.header--sticky .logo-area .logo img {
        max-height: 40px !important;
    }
    
    .heder-one.header--sticky .mobile-hamburger-btn {
        width: 40px !important;
        height: 40px !important;
    }
    
    .heder-one.header--sticky .mobile-hamburger-btn img {
        width: 20px !important;
        height: 20px !important;
    }
}

@media (max-width: 575px) {
    .heder-one .header-main-wrapper {
        padding: 10px 15px !important;
        min-height: 65px !important;
    }
    
    .heder-one .logo-area .logo img {
        max-height: 45px !important;
    }
    
    .heder-one .mobile-hamburger-btn {
        width: 40px !important;
        height: 40px !important;
    }
    
    .heder-one .mobile-hamburger-btn img {
        width: 18px !important;
        height: 18px !important;
    }
    
    .heder-one.header--sticky .header-main-wrapper {
        padding: 8px 15px !important;
        min-height: 55px !important;
    }
    
    .heder-one.header--sticky .logo-area .logo img {
        max-height: 35px !important;
    }
    
    .heder-one.header--sticky .mobile-hamburger-btn {
        width: 36px !important;
        height: 36px !important;
    }
}

/* ============================================
   MOBİL SIDEBAR MENÜ - İyileştirmeler
   ============================================ */

@media (max-width: 1199px) {
    /* Sidebar Genel */
    .side-bar {
        width: 100% !important;
        max-width: 400px !important;
        background: #1F2A37 !important;
        padding: 0 !important;
    }
    
    .side-bar.show {
        right: 0 !important;
    }
    
    /* Kapatma Butonu */
    .side-bar .close-icon-menu {
        position: absolute !important;
        top: 15px !important;
        right: 15px !important;
        width: 40px !important;
        height: 40px !important;
        background: rgba(255, 255, 255, 0.1) !important;
        border: 1px solid rgba(255, 255, 255, 0.2) !important;
        border-radius: 50% !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        cursor: pointer !important;
        transition: all 0.3s ease !important;
        z-index: 10 !important;
        margin: 0 !important;
    }
    
    .side-bar .close-icon-menu:hover {
        background: rgba(255, 0, 0, 0.2) !important;
        border-color: rgba(255, 0, 0, 0.4) !important;
        transform: rotate(90deg) !important;
    }
    
    .side-bar .close-icon-menu i {
        color: #fff !important;
        font-size: 18px !important;
    }
    
    /* Desktop İçerik - Mobilde Gizle */
    .side-bar .inner-main-wrapper-desk {
        display: none !important;
    }
    
    /* Mobil Menü Container */
    .side-bar .mobile-menu {
        display: flex !important;
        flex-direction: column !important;
        height: 100% !important;
        padding: 60px 0 0 0 !important;
    }
    
    /* Mobil Menü Nav */
    .side-bar .mobile-menu .nav-main {
        flex: 1 !important;
        overflow-y: auto !important;
        padding: 0 20px !important;
    }
    
    .side-bar .mobile-menu .nav-main ul {
        list-style: none !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    
    .side-bar .mobile-menu .nav-main ul li {
        margin: 0 !important;
        padding: 0 !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
    }
    
    .side-bar .mobile-menu .nav-main ul li:last-child {
        border-bottom: none !important;
    }
    
    /* Menu Item Wrapper */
    .side-bar .mobile-menu .nav-main ul li .mobile-menu-item-wrapper {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        width: 100% !important;
        position: relative !important;
    }
    
    .side-bar .mobile-menu .nav-main ul li a.mobile-menu-link {
        flex: 1 !important;
        display: block !important;
        padding: 16px 0 !important;
        color: #fff !important;
        font-size: 16px !important;
        font-weight: 500 !important;
        text-decoration: none !important;
        transition: all 0.3s ease !important;
    }
    
    .side-bar .mobile-menu .nav-main ul li a.mobile-menu-link:hover {
        color: var(--color-primary) !important;
        padding-left: 10px !important;
    }
    
    /* Toggle Butonu - Dropdown İkonu */
    .side-bar .mobile-menu .nav-main ul li .mobile-menu-toggle {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 36px !important;
        height: 36px !important;
        background: rgba(255, 255, 255, 0.1) !important;
        border: 1px solid rgba(255, 255, 255, 0.2) !important;
        border-radius: 6px !important;
        color: rgba(255, 255, 255, 0.8) !important;
        cursor: pointer !important;
        transition: all 0.3s ease !important;
        padding: 0 !important;
        margin: 0 !important;
        flex-shrink: 0 !important;
    }
    
    .side-bar .mobile-menu .nav-main ul li .mobile-menu-toggle:hover {
        background: var(--color-primary) !important;
        border-color: var(--color-primary) !important;
        color: #fff !important;
        transform: scale(1.05) !important;
    }
    
    .side-bar .mobile-menu .nav-main ul li .mobile-menu-toggle i {
        font-size: 12px !important;
        transition: transform 0.3s ease !important;
    }
    
    /* Active State - Dropdown Açık */
    .side-bar .mobile-menu .nav-main ul li.has-droupdown.mm-active .mobile-menu-toggle {
        background: var(--color-primary) !important;
        border-color: var(--color-primary) !important;
        color: #fff !important;
    }
    
    .side-bar .mobile-menu .nav-main ul li.has-droupdown.mm-active .mobile-menu-toggle i {
        transform: rotate(180deg) !important;
    }
    
    /* Submenu - Başlangıçta Gizli */
    .side-bar .mobile-menu .nav-main ul li .submenu {
        display: none !important;
        overflow: hidden !important;
        padding-left: 20px !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    
    /* Submenu - Açık Durum */
    .side-bar .mobile-menu .nav-main ul li.mm-active .submenu,
    .side-bar .mobile-menu .nav-main ul li .submenu.mm-show {
        display: block !important;
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }
    
    .side-bar .mobile-menu .nav-main ul li .submenu li {
        border-bottom: none !important;
    }
    
    .side-bar .mobile-menu .nav-main ul li .submenu li a {
        display: block !important;
        padding: 12px 0 !important;
        color: rgba(255, 255, 255, 0.8) !important;
        font-size: 14px !important;
        text-decoration: none !important;
        transition: all 0.3s ease !important;
    }
    
    .side-bar .mobile-menu .nav-main ul li .submenu li a:hover {
        color: var(--color-primary) !important;
        padding-left: 10px !important;
    }
    
    /* Sosyal Medya - Hamburger'in Altında */
    .side-bar .mobile-menu .social-wrapper-one {
        padding: 20px !important;
        border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
        margin-top: auto !important;
    }
    
    .side-bar .mobile-menu .social-wrapper-one ul {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 15px !important;
        list-style: none !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    
    .side-bar .mobile-menu .social-wrapper-one ul li {
        margin: 0 !important;
        padding: 0 !important;
        border: none !important;
    }
    
    .side-bar .mobile-menu .social-wrapper-one ul li a {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 40px !important;
        height: 40px !important;
        background: rgba(255, 255, 255, 0.1) !important;
        border: 1px solid rgba(255, 255, 255, 0.2) !important;
        border-radius: 50% !important;
        color: #fff !important;
        font-size: 18px !important;
        text-decoration: none !important;
        transition: all 0.3s ease !important;
    }
    
    .side-bar .mobile-menu .social-wrapper-one ul li a:hover {
        background: var(--color-primary) !important;
        border-color: var(--color-primary) !important;
        transform: translateY(-3px) !important;
        box-shadow: 0 4px 12px rgba(108, 182, 232, 0.3) !important;
    }
}

@media (max-width: 575px) {
    .side-bar {
        max-width: 100% !important;
    }
    
    .side-bar .mobile-menu .nav-main {
        padding: 0 15px !important;
    }
    
    .side-bar .mobile-menu .nav-main ul li a.main {
        font-size: 15px !important;
        padding: 14px 0 !important;
    }
    
    .side-bar .mobile-menu .social-wrapper-one {
        padding: 15px !important;
    }
    
    .side-bar .mobile-menu .social-wrapper-one ul li a {
        width: 36px !important;
        height: 36px !important;
        font-size: 16px !important;
    }
}

/* Background Overlay */
#anywhere-home.bgshow {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: rgba(0, 0, 0, 0.7) !important;
    backdrop-filter: blur(5px) !important;
    z-index: 1899 !important;
    transition: all 0.3s ease !important;
}