/* =========================================================================
   Google Translate entegrasyonu — görsel düzeltmeler ve dil seçici stilleri
   Bu dosya Google'ın kendi üst barını / markasını gizler ve header'daki
   dil seçici menüsünü biçimlendirir. Çeviri motoruyla ilgili mantık
   engine.js içindedir; düzeltmeler overrides.js içindedir.
   ========================================================================= */

/* --- Google'ın eklediği üst bar / balon / araç ipuçlarını gizle --- */
.goog-te-banner-frame.skiptranslate,
.goog-te-gadget-icon,
.goog-te-balloon-frame,
#goog-gt-tt,
.goog-tooltip,
.goog-tooltip:hover {
    display: none !important;
}

/* Google çevrilen kelimeleri sarı vurgulamasın */
.goog-text-highlight {
    background: none !important;
    box-shadow: none !important;
}

/* Google üst bar body'yi aşağı iter (top: 40px) — engelle */
body {
    top: 0 !important;
    position: static !important;
}

/* Gizli Google elementi görünmesin (mantık için gerekli, göze görünmez) */
#google_translate_element {
    display: none !important;
}

/* iframe skiptranslate barı */
iframe.skiptranslate {
    display: none !important;
    visibility: hidden !important;
}

/* =========================================================================
   Header dil seçici (bayraklı açılır menü)
   ========================================================================= */
.htl-lang-switcher {
    position: relative;
    list-style: none;
    display: inline-block;
}

/* Topbar (display:flex) içinde switcher'ı sağa yasla */
.topbar .htl-lang-switcher {
    margin-left: auto;
}

/* Taurus dışı temalarda kullanılan bağımsız üst şerit (header'ın en üstüne
   eklenir; seçiciyi sağa yaslar, layout'u bozmadan üstte durur). */
.htl-lang-bar {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 6px 16px;
    position: relative;
    z-index: 1000;
}

/* default/orion: header-top listesine <li> olarak gömülen switcher */
.htl-lang-inline {
    list-style: none;
    display: inline-flex;
    align-items: center;
}

.htl-lang-current {
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 10px;
    border: 1px solid rgba(255, 255, 255, 0.35);
    border-radius: 20px;
    font-size: 14px;
    line-height: 1;
    color: inherit;
    background: transparent;
    transition: background .2s ease, border-color .2s ease;
    user-select: none;
}

.htl-lang-current:hover {
    background: rgba(0, 0, 0, 0.06);
    border-color: rgba(0, 0, 0, 0.25);
}

.htl-lang-current .htl-flag {
    font-size: 18px;
}

.htl-lang-current .htl-caret {
    font-size: 10px;
    opacity: .7;
}

.htl-lang-menu {
    position: absolute;
    top: calc(100% + 6px);
    right: 0;
    min-width: 170px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.18);
    padding: 6px;
    margin: 0;
    list-style: none;
    z-index: 9999;
    display: none;
}

.htl-lang-switcher.open .htl-lang-menu {
    display: block;
}

.htl-lang-menu li {
    margin: 0;
}

/* Açılır menü öğelerini tema header-liste kurallarından İZOLE et.
   Bazı temalar (ör. default/Aurora: `.header-links li{display:inline-block}` +
   `.header-links li:not(:last-child):before{ayraç}`) descendant selektörle
   bizim dropdown <li>'lerimizi de yakalıyordu → öğeler yatay/inline olup
   diziliyor, ilk öğe (kaynak dil = Türkçe) eziliyor/görünmüyordu. Dropdown
   HER ZAMAN dikey blok liste olmalı; tema ayracını/inline'ını ez. */
.htl-lang-menu li {
    display: block !important;
    padding: 0 !important;
    margin: 0 !important;
    position: static !important;
    float: none !important;
    width: auto !important;
}
.htl-lang-menu li::before,
.htl-lang-menu li::after {
    display: none !important;
    content: none !important;
}

.htl-lang-menu a {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 9px 12px;
    border-radius: 8px;
    color: #222 !important;
    font-size: 14px;
    text-decoration: none;
    cursor: pointer;
    transition: background .15s ease;
}

/* Dil adı bir <span> içinde; bazı temalar (ör. default/Aurora üst barı
   .header-links span{color:#fff}) span'i beyaza boyuyor → beyaz zeminde
   görünmüyordu. Menü içindeki metni her temada koyu tut. */
.htl-lang-menu a span {
    color: #222 !important;
}

.htl-lang-menu a:hover {
    background: #f2f4f7;
}

.htl-lang-menu a.active {
    background: #eaf3ff;
    font-weight: 600;
}

.htl-lang-menu a .htl-flag {
    font-size: 18px;
}

/* Mobil uyum */
@media (max-width: 767px) {
    .htl-lang-menu {
        right: auto;
        left: 0;
    }
}

/* =========================================================================
   SIRIUS temasına özel — dil seçici header satırında güvenli yerleşim
   -------------------------------------------------------------------------
   Sirius header'ında switcher, hamburger + 180px logo ile AYNI flex satırında
   (.bg-primary > .text-white > .title) duruyordu. QR menü mobil kullanıldığı
   için dar ekranda switcher (ve açılınca sağa konumlanan menüsü) satıra
   sığmayıp ekran dışına taşıyor → görünmez/tıklanamaz ("çalışmıyor").
   Çözüm: satırın sarmasına izin ver + switcher'ı sağa yasla. Sığdığında tek
   satırda sağda, sığmadığında logonun altına sarıp her zaman görünür/tıklanır.
   Yalnızca sirius'u etkiler (bu iç içe seçici başka temada yok).
   ========================================================================= */
.bg-primary > .text-white > .title {
    flex-wrap: wrap;
    row-gap: 8px;
}
.htl-sirius-lang {
    margin-left: auto;
    display: inline-flex;
    align-items: center;
}

/* =========================================================================
   DEFAULT (marka: "Aurora") teması — dil seçici sosyal ikonların yanında
   -------------------------------------------------------------------------
   Switcher, header üst barındaki .header-links listesine (sosyal ikonların
   yanına) <li class="htl-default-lang"> olarak eklendi. Eskiden mobil hero
   slider'ın <ls-layer> metin katmanına gömülüydü → orada eziliyordu.
   Üst bar kırmızı zeminli (--theme-color), metin beyaz; pill zaten şeffaf
   zemin + beyazımsı kenarlık → uyumlu. Burada sadece dikey hizalama.
   ========================================================================= */
.htl-default-lang {
    display: inline-flex !important;
    align-items: center;
    vertical-align: middle;
    position: relative;
    z-index: 1051;
}
.htl-default-lang .htl-lang-current {
    padding: 2px 10px;
}
/* Açılır menü sticky menü / slider / diğer her şeyin ÜSTÜNDE kalsın.
   Üst bar (.header-top) z-index:1 ile kendi stacking context'ini kuruyordu →
   menü 9999 olsa da alttaki menu-area'nın arkasında kalıyordu. Üst barın
   stacking'ini ve menünün z-index'ini yukarı çekiyoruz. */
.header-layout5 .header-top {
    z-index: 1050 !important;
}
.htl-default-lang .htl-lang-menu {
    z-index: 100000;
}
/* Açılır menü mobilde ekran dışına taşmasın: switcher sağda olduğundan
   menü sağ kenardan içeri açılır (right:0 zaten var); dar ekranda genişliği
   sınırla. */
@media (max-width: 767px) {
    .htl-sirius-lang .htl-lang-menu {
        right: 0;
        left: auto;
        max-width: calc(100vw - 24px);
    }
}