/* ============================================
   MOBILE SUBMENU - TAMAMEN BAĞIMSIZ CSS
   Hiçbir JavaScript veya diğer CSS dosyası bu stilleri değiştiremez
   En yüksek specificity ile korunmuş
   ============================================ */

/* ============================================
   ULTRA HIGH SPECIFICITY - TÜM OVERRIDE'LARI ENGELLER
   GLOBAL FONT-SIZE KURALLARINDAN ETKİLENMEZ
   ============================================ */
html body .mobile-submenu,
body html .mobile-submenu,
* html body .mobile-submenu,
* body html .mobile-submenu {
    /* Container - TAMAMEN SABİT */
    display: none !important; /* Hidden by default, shown on mobile */
    position: fixed !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
    background: rgba(255, 255, 255, 0.98) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    border-top: 2px solid rgba(212, 175, 55, 0.3) !important;
    box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.15) !important;
    z-index: 9999999 !important; /* En üste getirildi - 999999'dan 9999999'a */
    padding: 0 !important;
    margin: 0 !important;
    transform: translateZ(0) !important;
    -webkit-transform: translateZ(0) !important;
    will-change: transform !important;
    isolation: isolate !important;
        min-height: 90px !important;
        max-height: none !important;
        /* Global font-size kurallarından etkilenmez - sabit */
        font-size: 14px !important; /* Base font-size - global kuralları override eder */
    /* JavaScript ve diğer CSS'lerin override'ını engelle */
    box-sizing: border-box !important;
    overflow: visible !important;
    overflow-x: visible !important;
    overflow-y: visible !important;
}

/* Mobile - Ensure submenu is always at the bottom on all pages - FORCE */
@media (max-width: 768px) {
    /* ULTRA HIGH SPECIFICITY - TÜM OVERRIDE'LARI ENGELLER */
    html body .mobile-submenu,
    body html .mobile-submenu,
    * html body .mobile-submenu,
    * body html .mobile-submenu,
    html body nav.mobile-submenu,
    body html nav.mobile-submenu,
    * html body nav.mobile-submenu,
    * body html nav.mobile-submenu {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        bottom: 0 !important;
        position: fixed !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 100% !important;
        margin: 0 !important;
        z-index: 9999999 !important; /* En üste getirildi - 999999'dan 9999999'a */
        min-height: 90px !important;
        border-radius: 0 !important;
        /* JavaScript ve diğer CSS'lerin override'ını engelle */
        box-sizing: border-box !important;
        overflow: visible !important;
        overflow-x: visible !important;
        overflow-y: visible !important;
    }
    
    /* List - TAMAMEN SABİT - LOGO İÇİN OVERFLOW AYARLAMASI - HARFLER TAM GÖRÜNSÜN */
    html body .mobile-submenu .mobile-submenu-list,
    body html .mobile-submenu .mobile-submenu-list,
    * html body .mobile-submenu .mobile-submenu-list,
    * body html .mobile-submenu .mobile-submenu-list {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: flex-start !important;
        list-style: none !important;
        margin: 0 !important;
        padding: 12px 12px !important; /* Yan padding artırıldı - 8px'den 12px'e - harfler kesilmesin */
        width: 100% !important;
        max-width: 100% !important;
        gap: 8px !important; /* Sayfa isimleri arasındaki boşluk azaltıldı - 12px'den 8px'e */
        overflow-x: auto !important;
        overflow-y: visible !important; /* Logo için dikey overflow görünür */
        -webkit-overflow-scrolling: touch !important;
        position: relative !important;
        z-index: 9999999 !important; /* En üste getirildi - 999999'dan 9999999'a */
        min-height: 90px !important;
        box-sizing: border-box !important;
        /* JavaScript ve diğer CSS'lerin override'ını engelle */
        font-size: 14px !important;
        line-height: normal !important;
    }
    
    /* Logo - TAMAMEN SABİT - YAPISI BOZULMAZ - KÜÇÜLTÜLDÜ */
    html body .mobile-submenu .mobile-submenu-logo,
    body html .mobile-submenu .mobile-submenu-logo,
    * html body .mobile-submenu .mobile-submenu-logo,
    * body html .mobile-submenu .mobile-submenu-logo,
    html body .mobile-submenu li.mobile-submenu-logo,
    body html .mobile-submenu li.mobile-submenu-logo {
        flex: 0 0 auto !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 4px 10px !important;
        margin-right: 6px !important; /* Logo ile menü arası boşluk azaltıldı - 8px'den 6px'e */
        min-width: 46px !important; /* Logo büyütüldü - 42px'den 46px'e */
        width: 46px !important;
        max-width: 46px !important;
        height: 46px !important;
        min-height: 46px !important;
        max-height: 46px !important;
        /* Logo yapısını koru - overflow engelle */
        overflow: visible !important;
        overflow-x: visible !important;
        overflow-y: visible !important;
        clip: auto !important;
        clip-path: none !important;
        box-sizing: border-box !important;
        position: relative !important;
    }
    
    html body .mobile-submenu .mobile-submenu-logo a,
    body html .mobile-submenu .mobile-submenu-logo a {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        height: 100% !important;
        overflow: visible !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    
    html body .mobile-submenu .mobile-submenu-logo img,
    body html .mobile-submenu .mobile-submenu-logo img,
    * html body .mobile-submenu .mobile-submenu-logo img,
    * body html .mobile-submenu .mobile-submenu-logo img,
    html body .mobile-submenu .mobile-submenu-logo .mobile-submenu-logo-img,
    body html .mobile-submenu .mobile-submenu-logo .mobile-submenu-logo-img {
        width: 100% !important;
        height: 100% !important;
        min-width: 46px !important; /* Logo büyütüldü - 42px'den 46px'e */
        min-height: 46px !important;
        max-width: 46px !important;
        max-height: 46px !important;
        object-fit: contain !important;
        object-position: center !important;
        /* Logo yapısını koru - overflow engelle */
        overflow: visible !important;
        clip: auto !important;
        clip-path: none !important;
        box-sizing: border-box !important;
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        position: relative !important;
    }
    
    /* Item - TAMAMEN SABİT - GLOBAL FONT-SIZE'DAN ETKİLENMEZ - HARFLER TAM GÖRÜNSÜN */
    html body .mobile-submenu .mobile-submenu-item,
    body html .mobile-submenu .mobile-submenu-item,
    * html body .mobile-submenu .mobile-submenu-item,
    * body html .mobile-submenu .mobile-submenu-item,
    html body .mobile-submenu a.mobile-submenu-item,
    body html .mobile-submenu a.mobile-submenu-item,
    html body .mobile-submenu .mobile-submenu-item *,
    body html .mobile-submenu .mobile-submenu-item * {
        flex: 0 1 auto !important;
        min-width: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 6px 10px !important; /* Yatay padding artırıldı - 6px'den 10px'e - harfler kesilmesin */
        margin: 0 2px 0 4px !important; /* Sol margin artırıldı - yazılar sağa taşındı */
        text-decoration: none !important;
        color: #333 !important;
        transition: color 0.3s ease !important;
        cursor: pointer !important;
        min-height: 65px !important;
        position: relative !important;
        border-radius: 8px !important;
        flex-shrink: 1 !important;
        pointer-events: auto !important;
        touch-action: manipulation !important;
        -webkit-tap-highlight-color: rgba(212, 175, 55, 0.3) !important;
        user-select: none !important;
        -webkit-user-select: none !important;
        visibility: visible !important;
        opacity: 1 !important;
        z-index: 9999999 !important; /* En üste getirildi - 999999'dan 9999999'a */
        background: transparent !important;
        /* Global font-size kurallarından etkilenmez - sabit - KÜÇÜLTÜLDÜ */
        font-size: 12px !important; /* Base font-size küçültüldü - 14px'den 12px'e */
        width: auto !important;
        height: auto !important;
        max-width: none !important;
        max-height: none !important;
        transform: none !important;
        -webkit-transform: none !important;
        box-sizing: border-box !important;
        /* Harflerin kesilmemesi için */
        overflow: visible !important;
        overflow-x: visible !important;
        overflow-y: visible !important;
        clip: auto !important;
        clip-path: none !important;
    }
    
    /* Icon - GİZLENDİ - KALDIRILDI */
    html body .mobile-submenu .mobile-submenu-item .mobile-submenu-icon,
    body html .mobile-submenu .mobile-submenu-item .mobile-submenu-icon,
    * html body .mobile-submenu .mobile-submenu-item .mobile-submenu-icon,
    * body html .mobile-submenu .mobile-submenu-item .mobile-submenu-icon,
    html body .mobile-submenu .mobile-submenu-item.active .mobile-submenu-icon,
    body html .mobile-submenu .mobile-submenu-item.active .mobile-submenu-icon,
    html body .mobile-submenu .mobile-submenu-item:hover .mobile-submenu-icon,
    body html .mobile-submenu .mobile-submenu-item:hover .mobile-submenu-icon,
    html body .mobile-submenu .mobile-submenu-item:active .mobile-submenu-icon,
    body html .mobile-submenu .mobile-submenu-item:active .mobile-submenu-icon,
    html body .mobile-submenu .mobile-submenu-item:focus .mobile-submenu-icon,
    body html .mobile-submenu .mobile-submenu-item:focus .mobile-submenu-icon,
    html body .mobile-submenu .mobile-submenu-item i.mobile-submenu-icon,
    body html .mobile-submenu .mobile-submenu-item i.mobile-submenu-icon,
    html body .mobile-submenu .mobile-submenu-item .fas.mobile-submenu-icon,
    body html .mobile-submenu .mobile-submenu-item .fas.mobile-submenu-icon {
        /* Icon'lar kaldırıldı - gizlendi */
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        width: 0 !important;
        height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        font-size: 0 !important;
        line-height: 0 !important;
        overflow: hidden !important;
        position: absolute !important;
        left: -9999px !important;
        clip: rect(0, 0, 0, 0) !important;
    }
    
    html body .mobile-submenu .mobile-submenu-item.active .mobile-submenu-icon,
    body html .mobile-submenu .mobile-submenu-item.active .mobile-submenu-icon,
    html body .mobile-submenu .mobile-submenu-item:hover .mobile-submenu-icon,
    body html .mobile-submenu .mobile-submenu-item:hover .mobile-submenu-icon {
        /* Icon'lar kaldırıldı - gizlendi */
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
    }
    
    /* Label - TAMAMEN SABİT - GLOBAL FONT-SIZE'DAN ETKİLENMEZ - KÜÇÜLTÜLDÜ - HARFLER TAM GÖRÜNSÜN */
    html body .mobile-submenu .mobile-submenu-item .mobile-submenu-label,
    body html .mobile-submenu .mobile-submenu-item .mobile-submenu-label,
    * html body .mobile-submenu .mobile-submenu-item .mobile-submenu-label,
    * body html .mobile-submenu .mobile-submenu-item .mobile-submenu-label,
    html body .mobile-submenu .mobile-submenu-item.active .mobile-submenu-label,
    body html .mobile-submenu .mobile-submenu-item.active .mobile-submenu-label,
    html body .mobile-submenu .mobile-submenu-item:hover .mobile-submenu-label,
    body html .mobile-submenu .mobile-submenu-item:hover .mobile-submenu-label,
    html body .mobile-submenu .mobile-submenu-item:active .mobile-submenu-label,
    body html .mobile-submenu .mobile-submenu-item:active .mobile-submenu-label,
    html body .mobile-submenu .mobile-submenu-item:focus .mobile-submenu-label,
    body html .mobile-submenu .mobile-submenu-item:focus .mobile-submenu-label,
    html body .mobile-submenu .mobile-submenu-item span.mobile-submenu-label,
    body html .mobile-submenu .mobile-submenu-item span.mobile-submenu-label,
    html body .mobile-submenu .mobile-submenu-item .mobile-submenu-label *,
    body html .mobile-submenu .mobile-submenu-item .mobile-submenu-label * {
        /* Global font-size kurallarından etkilenmez - mutlak sabit - KÜÇÜLTÜLDÜ */
        font-size: 7px !important; /* 9px'den 7px'e küçültüldü - taşmayı önlemek için */
        font-size: 0.4375rem !important; /* 7px = 0.4375rem - ekstra koruma */
        font-weight: 500 !important;
        color: #666 !important;
        text-align: center !important;
        transition: color 0.3s ease !important;
        line-height: 1.1 !important;
        white-space: nowrap !important;
        overflow: visible !important; /* Harfler kesilmesin - hidden yerine visible */
        overflow-x: visible !important;
        overflow-y: visible !important;
        text-overflow: clip !important; /* Ellipsis yerine clip - harfler tam görünsün */
        max-width: none !important; /* Maksimum genişlik yok - harfler tam görünsün */
        flex-shrink: 0 !important;
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        position: relative !important;
        /* JavaScript ve diğer CSS'lerin override'ını engelle */
        width: auto !important;
        height: auto !important;
        min-width: auto !important;
        min-height: auto !important;
        max-height: none !important;
        transform: none !important;
        -webkit-transform: none !important;
        box-sizing: border-box !important;
        /* Harflerin kesilmemesi için */
        clip: auto !important;
        clip-path: none !important;
        padding: 0 2px !important; /* Yan padding eklendi - harfler kesilmesin */
    }
    
    html body .mobile-submenu .mobile-submenu-item.active .mobile-submenu-label,
    body html .mobile-submenu .mobile-submenu-item.active .mobile-submenu-label,
    html body .mobile-submenu .mobile-submenu-item:hover .mobile-submenu-label,
    body html .mobile-submenu .mobile-submenu-item:hover .mobile-submenu-label {
        color: #D4AF37 !important;
        font-weight: 600 !important;
        /* Font-size değişmez - global kurallardan etkilenmez - KÜÇÜLTÜLDÜ */
        font-size: 7px !important; /* 9px'den 7px'e küçültüldü */
        font-size: 0.4375rem !important; /* 7px = 0.4375rem - ekstra koruma */
    }
    
    /* Active/Hover State */
    html body .mobile-submenu .mobile-submenu-item.active,
    body html .mobile-submenu .mobile-submenu-item.active,
    html body .mobile-submenu .mobile-submenu-item:hover,
    body html .mobile-submenu .mobile-submenu-item:hover {
        background: rgba(212, 175, 55, 0.1) !important;
        color: #D4AF37 !important;
    }
    
    /* Services Toggle */
    html body .mobile-submenu .mobile-submenu-item#mobile-services-toggle,
    body html .mobile-submenu .mobile-submenu-item#mobile-services-toggle,
    html body .mobile-submenu a#mobile-services-toggle,
    body html .mobile-submenu a#mobile-services-toggle {
        pointer-events: auto !important;
        cursor: pointer !important;
        touch-action: manipulation !important;
        z-index: 100001 !important;
        position: relative !important;
    }
    
    /* Body padding */
    html body {
        padding-bottom: 100px !important;
    }
    
    html body.home-page {
        padding-bottom: 100px !important;
    }
    
    /* Dropdown open state */
    html body.mobile-submenu-dropdown-open {
        padding-bottom: 275px !important;
    }
}

/* Desktop - Hide mobile submenu */
@media (min-width: 769px) {
    html body .mobile-submenu,
    body html .mobile-submenu,
    * html body .mobile-submenu,
    * body html .mobile-submenu {
        display: none !important;
    }
    
    html body .mobile-submenu-dropdown-body,
    body html .mobile-submenu-dropdown-body {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
    }
}

/* ============================================
   DROPDOWN STYLES - BAĞIMSIZ
   ============================================ */
.mobile-submenu-dropdown-body {
    display: none !important;
    position: fixed !important;
    bottom: 100px !important; /* Yukarıya taşındı - 75px'den 100px'e */
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    background: rgba(255, 255, 255, 0.98) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    border-top: 2px solid rgba(212, 175, 55, 0.3) !important;
    box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.15) !important;
    z-index: 200000 !important;
    padding: 12px 0 !important;
    max-height: 200px !important;
    overflow-y: auto !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

.mobile-submenu-dropdown-body.active {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    transform: translateY(0) !important;
}

.mobile-submenu-dropdown {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

.mobile-submenu-dropdown-body.active .mobile-submenu-dropdown-item,
.mobile-submenu-dropdown-body .mobile-submenu-dropdown-item {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    cursor: pointer !important;
    z-index: 200001 !important;
    position: relative !important;
    align-items: center !important;
    padding: 14px 20px !important;
    text-decoration: none !important;
    color: #333 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    transition: all 0.3s ease !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05) !important;
    background: transparent !important;
}

.mobile-submenu-dropdown-body .mobile-submenu-dropdown-item:hover,
.mobile-submenu-dropdown-body .mobile-submenu-dropdown-item:active {
    background: rgba(212, 175, 55, 0.1) !important;
    color: #D4AF37 !important;
}

.mobile-submenu-dropdown-body .mobile-submenu-dropdown-item:last-child {
    border-bottom: none !important;
}

/* Floating buttons - AYNI HİZADA DAHA AŞAĞIYA TAŞINDI */
@media (max-width: 768px) {
    .floating-scroll-top-btn,
    .floating-whatsapp-btn,
    .floating-action-btn.floating-scroll-top-btn,
    .floating-action-btn.floating-whatsapp-btn,
    a.floating-whatsapp-btn,
    button.floating-scroll-top-btn {
        z-index: 99997 !important;
        bottom: 100px !important; /* Aynı hizada biraz daha aşağıya kaydırıldı - 70px'den 100px'e */
    }
    
    .floating-scroll-top-btn,
    .floating-action-btn.floating-scroll-top-btn,
    button.floating-scroll-top-btn {
        left: 20px !important;
        bottom: 100px !important; /* Aynı hizada biraz daha aşağıya kaydırıldı */
        right: auto !important;
    }
    
    .floating-whatsapp-btn,
    .floating-action-btn.floating-whatsapp-btn,
    a.floating-whatsapp-btn {
        right: 20px !important;
        bottom: 100px !important; /* Aynı hizada biraz daha aşağıya kaydırıldı */
        left: auto !important;
    }
}

/* Safe area support */
@supports (padding: max(0px)) {
    @media (max-width: 768px) {
        html body .mobile-submenu,
        body html .mobile-submenu {
            padding-bottom: max(10px, env(safe-area-inset-bottom)) !important;
        }
        
        html body.mobile-submenu-dropdown-open {
            padding-bottom: calc(275px + env(safe-area-inset-bottom)) !important;
        }
    }
}