/* =====================================================================
   FOREXHANE · "Giriş yap" / "Kayıt ol" bağlantıları (önceden tek "Müşteri Paneli" düğmesiydi)
   Üst çubuğun sağ grubunda (.nav-cta; yasal sayfada "Ana sayfaya dön"ün solunda), dil seçicisinden ve tema
   düğmesinden önce. İki düğme .fhp-grup içinde yan yana durur; görünüm dil seçicisiyle (.dil-dugme) aynı aileden,
   renkler site.css değişkenlerinden, açık tema kendiliğinden uyar. Ana menüye (.nav-links) hiçbir şey eklenmez.
   NOT: Eşikler bu oturumda canlı tarayıcıda ölçülmedi (tarayıcı aracı yoktu) — tek düğmeli önceki sürümün ölçülmüş
   eşiklerinden (aşağıdaki notlar) tahmini pay eklenerek çıkarıldı. Dar/orta genişliklerde (özellikle SSS sayfasında
   1100–1900 px arası) gerçek tarayıcıda kontrol edip gerekirse eşikleri daraltmak/genişletmek gerekebilir.
   ===================================================================== */
.fhp-grup { display: inline-flex; align-items: center; gap: 8px; flex: none; }

.fhp-panel {
  display: inline-flex; align-items: center; justify-content: center; gap: 7px; flex: none;
  height: 34px; padding: 0 12px 0 10px; border-radius: 999px;
  border: 1px solid var(--line-soft); background: rgba(138, 147, 166, .16); color: var(--text-2);
  font-family: var(--f-display); font-weight: 700; font-size: 12px; letter-spacing: .04em; line-height: 1;
  white-space: nowrap; text-decoration: none; transition: border-color .25s, color .25s, background .25s;
}
.fhp-panel:hover { border-color: rgba(47, 181, 119, .45); color: var(--text); }
.fhp-panel:focus-visible { outline: 2px solid var(--emerald-l); outline-offset: 3px; }
.fhp-panel svg { width: 15px; height: 15px; flex: none; color: var(--emerald-l); }
/* kayıt ol düğmesi: biraz daha vurgulu, altın tonunda çerçeve */
.fhp-kayit { border-color: rgba(226, 179, 74, .35); }
.fhp-kayit svg { color: var(--gold-l); }
.fhp-kayit:hover { border-color: rgba(226, 179, 74, .6); }
/* yalnız simge iken metin görünmez ama ekran okuyucu okur */
.fhp-panel .fhp-panel-metin { white-space: nowrap; }

/* ---------- ana üst çubuk (.nav): ekstra düğmesi olmayan sayfalar (ör. ana sayfa) ---------- */
@media (min-width: 1101px) and (max-width: 1849.98px) {
  .nav .fhp-panel { width: 34px; padding: 0; }
  .nav .fhp-panel .fhp-panel-metin { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); border: 0; }
}
/* ---------- ana üst çubuk: sağ grubunda ayrıca düğme de olan sayfalar (ör. SSS: "Forexhane'ye katıl") ---------- */
@media (min-width: 1101px) and (max-width: 1759.98px) {
  .nav:has(.nav-cta > .btn) .fhp-grup { display: none; }
}
@media (min-width: 1760px) {
  .nav:has(.nav-cta > .btn) .fhp-panel { width: 34px; padding: 0; }
  .nav:has(.nav-cta > .btn) .fhp-panel .fhp-panel-metin { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); border: 0; }
}
@media (max-width: 1100px) {
  .nav .fhp-panel { height: 44px; width: 44px; padding: 0; border-radius: 12px; border-color: var(--line); background: rgba(18, 23, 34, .7); }
  [data-theme="light"] .nav .fhp-panel { background: var(--surface-2, rgba(255, 255, 255, .88)); }
  .nav .fhp-panel .fhp-panel-metin { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); border: 0; }
}
@media (max-width: 519.98px) {
  .nav-cta:has(.dil-secici) .fhp-grup { display: none; }
}

/* ---------- yasal sayfa üst çubuğu (.legal-top): "Ana sayfaya dön"ün solunda ---------- */
@media (max-width: 659.98px) {
  .legal-top .fhp-grup { display: none; }
}
@media (min-width: 660px) and (max-width: 999.98px) {
  .legal-top .fhp-panel { width: 34px; padding: 0; }
  .legal-top .fhp-panel .fhp-panel-metin { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); border: 0; }
}