@supports (-webkit-touch-callout: none) {
    @media screen and (max-width: 768px) {
        .webview-detected .language-mobile,
        .linkedin-webview .language-mobile,
        .app-webview .language-mobile {
            position: absolute !important;
            right: 15px !important;
            top: 15px !important;
            z-index: 999 !important;
            -webkit-transform: translateZ(0) !important;
            transform: translateZ(0) !important;
            width: auto !important;
            max-width: 80px !important;
        }
        
        /* Garante que o navbar-header não interfira com o seletor */
        .webview-detected .navbar-header,
        .linkedin-webview .navbar-header,
        .app-webview .navbar-header {
            position: relative !important;
            overflow: visible !important;
            display: flex !important;
            align-items: center !important;
            justify-content: space-between !important;
        }
        
        .webview-detected .navigation-main,
        .linkedin-webview .navigation-main,
        .app-webview .navigation-main {
            position: fixed !important;
            -webkit-transform: translateZ(0) !important;
            transform: translateZ(0) !important;
            overflow: visible !important;
        }
        
        .webview-detected .nav-container,
        .linkedin-webview .nav-container,
        .app-webview .nav-container {
            display: flex !important;
            align-items: center !important;
            justify-content: space-between !important;
            width: 100% !important;
            position: relative !important;
            overflow: visible !important;
        }
        
        .webview-detected .language-dropdown-mobile,
        .linkedin-webview .language-dropdown-mobile,
        .app-webview .language-dropdown-mobile {
            position: absolute !important;
            top: 100% !important;
            right: 0 !important;
            z-index: 9999 !important;
            -webkit-transform: translateZ(0) !important;
            transform: translateZ(0) !important;
        }
        
        .webview-detected .language-toggle,
        .linkedin-webview .language-toggle,
        .app-webview .language-toggle {
            display: -webkit-box !important;
            display: -webkit-flex !important;
            display: flex !important;
            -webkit-box-align: center !important;
            -webkit-align-items: center !important;
            align-items: center !important;
            padding: 5px 8px !important;
        }
    }
}

@media screen and (max-width: 768px) {
    .linkedin-webview .language-mobile {
        position: fixed !important;
        right: 20px !important;
        top: 70px !important;
        z-index: 9999 !important;
        background: rgba(17, 17, 17, 0.95) !important;
        border: 1px solid rgba(175, 153, 127, 0.3) !important;
        border-radius: 20px !important;
        padding: 8px 12px !important;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important;
        backdrop-filter: blur(10px) !important;
        -webkit-backdrop-filter: blur(10px) !important;
        will-change: transform !important;
        contain: layout style paint !important;
    }
    
    .linkedin-webview .language-dropdown-mobile {
        position: fixed !important;
        top: 115px !important;
        right: 20px !important;
        z-index: 99999 !important;
        background: rgba(17, 17, 17, 0.98) !important;
        backdrop-filter: blur(15px) !important;
        -webkit-backdrop-filter: blur(15px) !important;
    }
    
    .app-webview .language-mobile {
        position: fixed !important;
        right: 20px !important;
        top: 70px !important;
        z-index: 9999 !important;
        background: rgba(17, 17, 17, 0.9) !important;
        border-radius: 16px !important;
        padding: 6px 10px !important;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2) !important;
    }
    
    .app-webview .language-dropdown-mobile {
        position: fixed !important;
        top: 110px !important;
        right: 20px !important;
        z-index: 99999 !important;
    }
}

@media screen and (max-width: 768px) {
    body[data-webview="true"] .language-mobile {
        max-width: 80px !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }
    
    body[data-webview="true"] .language-toggle {
        white-space: nowrap !important;
        font-size: 12px !important;
    }
    
    body[data-webview="true"] .navigation-main {
        min-height: 60px !important;
        overflow: visible !important;
        position: fixed !important;
        width: 100% !important;
    }
    
    body[data-webview="true"] .navbar-header {
        float: none !important;
        position: relative !important;
        width: auto !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
    }
    
    body[data-webview="true"] .navbar-brand {
        position: relative !important;
        flex: 1 !important;
    }
}

@media screen and (max-width: 480px) {
    .webview-detected .language-mobile,
    .linkedin-webview .language-mobile,
    .app-webview .language-mobile {
        font-size: 11px !important;
        padding: 4px 6px !important;
        max-width: 60px !important;
    }
    
    .webview-detected .current-flag,
    .linkedin-webview .current-flag,
    .app-webview .current-flag {
        width: 18px !important;
        height: 14px !important;
        margin-right: 4px !important;
    }
}