/* --- NAV kapsayıcıda kırpılmayı önle --- */
.header-nav-main nav { overflow: visible; }

/* --- Lang dropdown: buton görünümü (kapsül, bordersız) --- */
#langSwitch .dropdown-toggle {
  display: inline-flex;
  align-items: center;
  gap: .4rem;
  padding: .45rem .9rem;
  border: none;                     /* kenarlığı kaldır */
  border-radius: 999px;             /* kapsül */
  background: rgba(19,97,130,.08);  /* çok hafif tema tonu */
  color: #136182;
  font-weight: 600;
  line-height: 1;
}
#langSwitch .dropdown-toggle:hover,
#langSwitch .dropdown-toggle:focus {
  background: rgba(19,97,130,.12);
  color: #0f516b;
  outline: none;
}

/* --- Menü kutusu: şık kart görünümü --- */
#langSwitch .dropdown-menu {
  border: none;                     /* bootstrap kenarlığı iptal */
  border-radius: 12px;
  box-shadow: 0 12px 30px rgba(0,0,0,.14);
  padding: .35rem;                  /* iç boşluk */
  margin-top: .5rem;                /* butonla menü arasında boşluk */
  z-index: 1001;                    /* header üstünde kalsın */
}

/* Item’lar */
#langSwitch .dropdown-item {
  border-radius: 8px;
  padding: .5rem .75rem;
  font-weight: 500;
}
#langSwitch .dropdown-item:hover,
#langSwitch .dropdown-item:focus {
  background: rgba(19,97,130,.08);
  color: #0f516b;
}
#langSwitch .dropdown-item.active,
#langSwitch .dropdown-item[aria-current="true"] {
  background: #136182;
  color: #fff;
}

/* --- SADECE CSS ile her zaman AŞAĞI açılmaya zorlama ---
   Popper bazen data-popper-placement="top-*" koyar.
   O durumda menüyü yeniden “butonun altına” yerleştiriyoruz. */
#langSwitch .dropdown-menu[data-popper-placement^="top"] {
  inset: auto !important;           /* Popper’ın inline 'inset'’ini sıfırla */
  left: auto !important;
  right: 0 !important;              /* sağa hizala (menu sağda ise) */
  top: calc(100% + .5rem) !important; /* buton altı */
  bottom: auto !important;
  transform: none !important;       /* Popper translate’i iptal */
  margin-top: 0 !important;         /* boşluğu top ile veriyoruz */
}

/* Eğer menüyü solda görmek istiyorsan üsttekini şu şekilde değiştir:
#langSwitch .dropdown-menu[data-popper-placement^="top"] {
  left: 0 !important;
  right: auto !important;
}
*/

/* --- Mobil (collapsed) menü: doğal akışta alta gelsin, taşma olmasın --- */
@media (max-width: 991.98px){
  #langSwitch { width: 100%; display: flex; justify-content: center; }
  #langSwitch .dropdown-toggle { width: auto; }

  #langSwitch .dropdown-menu{
    position: static !important;    /* Popper konumunu bırak */
    transform: none !important;
    width: 100%;
    max-width: 340px;               /* çok genişlemesin */
    margin-top: .5rem !important;
    left: auto !important;
    right: auto !important;
  }
}