/**


 * gx-topbar-mobile.css


 * Mobil topbar düzeltmeleri + Dil seçici — EN SON yüklenir, tüm diğer CSS'leri override eder


 */





/* ============================================================


   DİL SEÇİCİ — ChatGPT tarzı topbar dil menüsü


   ============================================================ */


.tb-lang-wrap {


    position: relative;


    flex-shrink: 0;


}





.tb-lang-btn {


    display: inline-flex;


    align-items: center;


    gap: 4px;


    padding: 0 8px;


    height: 34px;


    border-radius: 8px;


    border: none;


    background: transparent;


    color: var(--text2, #888);


    cursor: pointer;


    font-size: 0.75rem;


    font-weight: 600;


    letter-spacing: 0.03em;


    transition: background 0.15s ease, color 0.15s ease;


}





.tb-lang-btn:hover {


    background: var(--surface2, rgba(255,255,255,0.08));


    color: var(--text, #fff);


}





.tb-lang-code {


    font-size: 0.72rem;


    font-weight: 700;


    letter-spacing: 0.05em;


}





.tb-lang-menu {


    display: none;


    position: absolute;


    top: calc(100% + 6px);


    right: 0;


    min-width: 160px;


    background: var(--surface, #1a1a1a);


    border: 1px solid var(--border, rgba(255,255,255,0.1));


    border-radius: 12px;


    box-shadow: 0 8px 32px rgba(0,0,0,0.3);


    z-index: 600;


    padding: 6px;


    flex-direction: column;


    gap: 2px;


}





.tb-lang-menu.open {


    display: flex !important;


}





[data-theme="light"] .tb-lang-menu {


    background: var(--bg-elevated, #ededed);


    border-color: var(--border-default, rgba(0,0,0,0.1));


    box-shadow: 0 8px 32px rgba(0,0,0,0.12);


}





.tb-lang-option {


    display: flex;


    align-items: center;


    gap: 8px;


    padding: 8px 10px;


    border: none;


    background: transparent;


    border-radius: 8px;


    cursor: pointer;


    color: var(--text, #fff);


    font-size: 0.85rem;


    text-align: left;


    width: 100%;


    transition: background 0.12s ease;


}





.tb-lang-option:hover {


    background: var(--surface2, rgba(255,255,255,0.08));


}





.tb-lang-option.active {


    background: var(--surface2, rgba(255,255,255,0.06));


    font-weight: 600;


}





[data-theme="light"] .tb-lang-option {


    color: var(--text-primary, #141414);


}





[data-theme="light"] .tb-lang-option:hover {


    background: rgba(0,0,0,0.05);


}





.tb-lang-flag {


    font-size: 1rem;


    line-height: 1;


    flex-shrink: 0;


}





.tb-lang-label {


    flex: 1;


}





.tb-lang-check {


    flex-shrink: 0;


    color: var(--accent, #c8c8c8);


}





/* ============================================================


   MOBİL TOPBAR — Favicon + Marka adı (ChatGPT tarzı font)


   Sadece mobilde (max-width: 1024px) görünür


   ============================================================ */


.tb-mobile-logo-text {


    display: none;


    align-items: center;


    gap: 7px;


    font-family: 'Söhne', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;


    font-size: 1.05rem;


    font-weight: 700;


    color: var(--text-primary, #efefef);


    text-decoration: none;


    letter-spacing: -0.01em;


    white-space: nowrap;


    flex-shrink: 0;


}





/* Favicon görseli */


.tb-mobile-favicon-img {


    width: 22px;


    height: 22px;


    object-fit: contain;


    flex-shrink: 0;


    border-radius: 4px;


}





/* Dark tema: white.png göster, dark.png gizle */


[data-theme="dark"] .tb-logo-dark,


html:not([data-theme="light"]) .tb-logo-dark {


    display: inline-block !important;


}


[data-theme="dark"] .tb-logo-light,


html:not([data-theme="light"]) .tb-logo-light {


    display: none !important;


}





/* Light tema: dark.png göster, white.png gizle */


[data-theme="light"] .tb-logo-light {


    display: inline-block !important;


}


[data-theme="light"] .tb-logo-dark {


    display: none !important;


}





/* Marka adı metni */


.tb-mobile-brand-name {


    font-family: inherit;


    font-size: inherit;


    font-weight: inherit;


    color: inherit;


    letter-spacing: inherit;


}





@media (max-width: 1024px) {


    /* Favicon + marka adını göster */


    .tb-mobile-logo-text {


        display: inline-flex !important;


        align-items: center !important;


    }





    /* Eski favicon elementini gizle */


    #tb-mobile-favicon,


    .tb-mobile-favicon {


        display: none !important;


    }





    /* topbar-center sohbet başlığını gizle — logo sol tarafta görünsün */


    .topbar-center {


        display: none !important;


    }





    /* topbar-left overflow sorununu çöz */


    .topbar-left {


        overflow: visible !important;


        min-width: 0 !important;


        flex: 1 !important;


    }


}





/* ============================================================


   SIDEBAR TOGGLE BUTONU — desktop'ta gizli


   ============================================================ */


@media (min-width: 1025px) {


    .sidebar-toggle-btn,


    #sidebar-toggle-btn,


    .btn-icon.sidebar-toggle-btn {


        display: none !important;


    }


}





/* ============================================================


   TÜM MODEL SEÇİCİLER — topbar + chat arayüzü — tamamen gizli


   ============================================================ */





/* Topbar model seçici */


#tb-model-selector,


.tb-model-selector {


    display: none !important;


}





/* Chat arayüzü model pill butonu ve sarmalayıcısı */


#chat-model-wrap,


#input-model-pill,


.itb-model-pill,


.chat-model-wrap {


    display: none !important;


}





/* Model popup (açılır liste) — .open class'ı olsa bile gizli */


.model-popup,


.model-popup.open,


#chat-model-popup,


#chat-model-popup.open,


#work-model-popup,


#work-model-popup.open,


body > .model-popup,


body > .model-popup.open {


    display: none !important;


}





/* Eski model buton/menü elementleri */


.model-btn,


.model-menu,


.model-indicator,


.topbar-model-chip {


    display: none !important;


}





/* ============================================================


   GÖNDER BUTONU — ChatGPT tarzı dolu daire


   Boşken opak (disabled), yazınca tam görünür (enabled)


   ============================================================ */


.input-send-btn,


.input-send-inline,


#btn-send {


    border-radius: 50% !important;


    transition: opacity 0.15s ease, transform 0.15s ease !important;


}





.input-send-btn:disabled,


.input-send-inline:disabled,


#btn-send:disabled {


    opacity: 0.35 !important;


    cursor: not-allowed !important;


    transform: none !important;


}





.input-send-btn:not(:disabled),


.input-send-inline:not(:disabled),


#btn-send:not(:disabled) {


    opacity: 1 !important;


    cursor: pointer !important;


}





.input-send-btn:not(:disabled):hover,


.input-send-inline:not(:disabled):hover,


#btn-send:not(:disabled):hover {


    opacity: 0.85 !important;


    transform: scale(1.06) !important;


}