/* ==========================================================
   HBK — dil değiştirici (bayrak + yazı)
   Masaüstü: üst bardaki linklerin sağına yerleşir.
   Mobil   : üst bar gizlendiği için sağ üstte sabit kompakt hap.
   ========================================================== */

.hbk-lang{
  display:inline-flex;align-items:center;gap:7px;
  vertical-align:middle;
}
.hbk-lang__btn{
  display:inline-flex;align-items:center;gap:6px;
  padding:5px 11px;border-radius:4px;
  border:1px solid rgba(255,255,255,.28);
  background:rgba(255,255,255,.06);
  color:#fff;font-size:12.5px;font-weight:600;line-height:1;
  text-decoration:none;white-space:nowrap;
  transition:background .2s ease,border-color .2s ease;
}
/* Hover: tema "#header-top .header-top-links ul li a:hover{color:#ed2a28}"
   kuralını uyguluyor — kırmızı zeminde kırmızı yazı görünmez oluyordu.
   Bu yüzden ID'li seçiciyle özgüllüğü aşıyoruz. */
.hbk-lang__btn:hover,.hbk-lang__btn:focus,
#header-top .header-top-links ul li a.hbk-lang__btn:hover,
#header-top .header-top-links ul li a.hbk-lang__btn:focus{
  background:#ed2a28;border-color:#ed2a28;color:#fff;text-decoration:none;
}
.hbk-lang__btn:hover .hbk-lang__label,
.hbk-lang__btn:focus .hbk-lang__label,
#header-top .header-top-links ul li a.hbk-lang__btn:hover .hbk-lang__label{
  color:#fff;
}
/* Üst bardaki listede kırmızı CTA'dan sonra geldiği için soluna nefes payı.
   İki alternatif dil TEK <li> içinde durur: grup olarak yerleşir, kendi
   içinde satır kırılmaz. white-space:nowrap olmadan "Türkçe" ve "العربية"
   alt alta düşüyordu (İngilizce üst barda görüldü, 2026-08-13). */
.header-top-links ul li.hbk-lang-li{
  margin-left:10px;white-space:nowrap;
}
.header-top-links ul li.hbk-lang-li .hbk-lang--inline + .hbk-lang--inline{
  margin-left:6px;
}
/* Üst barda kısa kod (TR / EN / ع) kullanılır — tam ad title'da durur */
.hbk-lang--inline .hbk-lang__btn{
  padding:5px 9px;gap:5px;letter-spacing:.02em;
}
/* Dar masaüstünde (menü ile üst bar sıkışır) yalnız bayrak kalsın */
@media (max-width:1199px){
  .hbk-lang--inline .hbk-lang__label{display:none}
  .hbk-lang--inline .hbk-lang__btn{padding:5px 7px}
}
.hbk-lang__flag{
  width:19px;height:13px;border-radius:2px;display:block;flex:none;
  box-shadow:0 0 0 1px rgba(0,0,0,.18);
}

/* --- Mobil: navbar-header içinde hamburger menü EN SAĞDA, dil butonları HEMEN SOLUNDA --- */
.hbk-lang-fixedwrap{
  display:none;
  align-items:center;
  gap:6px;
  float:right;
  margin-top:20px;
  margin-right:10px;
  position:relative;
  z-index:9996;
}
.hbk-lang--fixed{display:inline-flex}
.hbk-lang--fixed .hbk-lang__btn{
  background:rgba(20,19,20,.92);
  border-color:rgba(237,42,40,.7);
  padding:6px 10px;font-size:11.5px;border-radius:4px;
  line-height:1;
  display:inline-flex;
  align-items:center;
  gap:5px;
  box-shadow:0 4px 14px rgba(0,0,0,.35);
  backdrop-filter:saturate(140%) blur(6px);
  -webkit-backdrop-filter:saturate(140%) blur(6px);
}

@media(max-width:991px){
  .hbk-lang-li,.hbk-lang--inline{display:none}
  .hbk-lang-fixedwrap{display:inline-flex}
  nav.navbar.bootsnav .navbar-toggle{
    float:right !important;
    margin-top:18px !important;
    margin-right:0 !important;
    padding:8px 10px !important;
  }
}
@media(max-width:480px){
  .hbk-lang-fixedwrap{margin-top:18px;margin-right:8px;gap:4px;}
  .hbk-lang--fixed .hbk-lang__btn{padding:6px 8px;font-size:11px;gap:4px;}
  .hbk-lang--fixed .hbk-lang__flag{width:16px;height:11px;}
  nav.navbar.bootsnav .navbar-toggle{
    margin-top:17px !important;
    padding:7px 9px !important;
  }
}
@media(max-width:360px){
  .hbk-lang--fixed .hbk-lang__label{display:none}
  .hbk-lang--fixed .hbk-lang__btn{padding:6px 7px}
}

/* Açık zeminli üst barlarda okunurluk */
.header-top .hbk-lang__btn{border-color:rgba(255,255,255,.32)}

/* --- Dil önerisi şeridi (otomatik yönlendirme yerine, botlar için güvenli) --- */
.hbk-langbar{
  position:fixed;left:0;right:0;top:0;z-index:10000;
  background:#232122;color:#fff;
  display:flex;align-items:center;justify-content:center;gap:12px;
  flex-wrap:wrap;padding:9px 14px;
  font-size:13.5px;line-height:1.4;
  box-shadow:0 3px 14px rgba(0,0,0,.28);
  transform:translateY(-100%);transition:transform .3s ease;
}
.hbk-langbar.is-on{transform:none}
.hbk-langbar a{
  background:#ed2a28;color:#fff;text-decoration:none;font-weight:700;
  padding:5px 13px;border-radius:16px;font-size:13px;white-space:nowrap;
}
.hbk-langbar a:hover{background:#c81f1d;color:#fff}
.hbk-langbar button{
  background:none;border:0;color:#b9b9c1;font-size:19px;line-height:1;
  cursor:pointer;padding:2px 6px;
}

@media(prefers-reduced-motion:reduce){
  .hbk-langbar{transition:none}
}