/*
 * Local header/icon compatibility layer
 * Amaç: panel.canbulbul.com.tr bağımlılığı olmadan eski header/dropdown ikon ve hizalama davranışını yerel fontlarla düzeltmek.
 * Bu dosya Bootstrap-lite yardımcı sınıfları + FontAwesome 5 uyumluluk aliasları içerir.
 */

/* FontAwesome 5 yerel font uyumluluğu */
.fa,
.fas,
.fa-solid {
  font-family: "Font Awesome 5 Solid" !important;
  font-weight: 900 !important;
}
.far,
.fa-regular {
  font-family: "Font Awesome 5 Regular" !important;
  font-weight: 400 !important;
}
.fab,
.fa-brands {
  font-family: "Font Awesome 5 Brands" !important;
  font-weight: 400 !important;
}
.fa,
.fas,
.far,
.fab,
.fa-solid,
.fa-regular,
.fa-brands {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
}

/* FA6 isimleri kullanılmış alanları FA5 yerel font karşılıklarına bağla */
.fa-right-to-bracket:before { content: "\f2f6"; }      /* sign-in-alt */
.fa-right-from-bracket:before { content: "\f2f5"; }    /* sign-out-alt */
.fa-scale-balanced:before { content: "\f24e"; }        /* balance-scale */
.fa-cart-shopping:before { content: "\f07a"; }         /* shopping-cart */
.fa-bag-shopping:before { content: "\f290"; }          /* shopping-bag */
.fa-arrow-right-from-bracket:before { content: "\f2f5"; }
.fa-arrow-right-to-bracket:before { content: "\f2f6"; }
.fa-server:before { content: "\f233"; }
.fa-tags:before { content: "\f02c"; }
.fa-comments:before { content: "\f086"; }
.fa-cog:before { content: "\f013"; }
.fa-user:before { content: "\f007"; }
.fa-list:before { content: "\f03a"; }
.fa-bell:before { content: "\f0f3"; }
.fa-sign-out:before { content: "\f2f5"; }
.fa-whatsapp:before { content: "\f232"; }
.fa-telegram:before { content: "\f2c6"; }
.fa-gamepad:before { content: "\f11b"; }
.fa-bolt:before { content: "\f0e7"; }
.fa-fire:before { content: "\f06d"; }
.fa-wallet:before { content: "\f555"; }
.fa-video:before { content: "\f03d"; }
.fa-edit:before { content: "\f044"; }
.fa-thumbs-up:before { content: "\f164"; }
.fa-download:before { content: "\f019"; }
.fa-external-link-alt:before { content: "\f35d"; }
.fa-globe:before { content: "\f0ac"; }

/* Bootstrap 5 spacing utility karşılıkları: eski dış CSS kapanınca ikonlar yazıya yapışıyordu */
.me-1 { margin-right: .25rem !important; }
.me-2 { margin-right: .5rem !important; }
.me-3 { margin-right: 1rem !important; }
.ms-1 { margin-left: .25rem !important; }
.ms-2 { margin-left: .5rem !important; }
.ms-3 { margin-left: 1rem !important; }
.mt-2 { margin-top: .5rem !important; }
.mb-2 { margin-bottom: .5rem !important; }
.bg-danger { background-color: #dc3545 !important; }
.text-dark { color: #212529 !important; }
.btn-light { background-color: #f8f9fa; border-color: #f8f9fa; }

@media (min-width: 992px) {
  .ms-lg-2 { margin-left: .5rem !important; }
  .mt-lg-0 { margin-top: 0 !important; }
  .mb-lg-0 { margin-bottom: 0 !important; }
  .align-items-lg-center { align-items: center !important; }
}

/* Header için gerekli Bootstrap-lite iskeleti */
.navbar {
  position: relative;
  display: flex;
  align-items: center;
  padding-top: .5rem;
  padding-bottom: .5rem;
}
.navbar > .container,
.navbar > .container-fluid {
  display: flex;
  flex-wrap: inherit;
  align-items: center;
  justify-content: space-between;
}
.navbar-nav {
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.navbar-nav .nav-link {
  display: block;
  text-decoration: none;
}
.navbar-collapse {
  flex-basis: 100%;
  flex-grow: 1;
  align-items: center;
}
.collapse:not(.show) { display: none; }
.navbar-toggler {
  padding: .25rem .75rem;
  font-size: 1.25rem;
  line-height: 1;
  background-color: transparent;
  border: 1px solid rgba(255,255,255,.22);
  border-radius: .25rem;
}
.navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}
.navbar-dark .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255,255,255,.82%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

@media (min-width: 992px) {
  .navbar-expand-lg { flex-wrap: nowrap; justify-content: flex-start; }
  .navbar-expand-lg .navbar-nav { flex-direction: row; }
  .navbar-expand-lg .navbar-collapse { display: flex !important; flex-basis: auto; }
  .navbar-expand-lg .navbar-toggler { display: none; }
}

/* Header ikon/yazı mesafeleri */
.navbar-new-bg .nav-btn,
.navbar-new-bg .btn,
.user-dropdown-toggle,
.wallet-balance-chip,
.dropdown-item {
  gap: 0 !important;
}
.navbar-new-bg .nav-btn i,
.navbar-new-bg .btn i,
.user-dropdown-toggle i,
.wallet-balance-icon i {
  flex: 0 0 auto;
}
.navbar-new-bg .nav-btn i:not(:last-child),
.navbar-new-bg .btn i:not(:last-child),
.user-dropdown-toggle i:not(:last-child) {
  margin-right: .5rem !important;
}
.user-dropdown .dropdown-menu .dropdown-item i {
  width: 18px;
  min-width: 18px;
  margin-right: 9px !important;
  text-align: center;
  color: #ffd27a;
}

/* Dropdown pozisyonu ve görünümü: Bootstrap CSS yokken liste aşağı akmasın */
.dropdown,
.user-dropdown { position: relative; }
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 10rem;
  padding: .5rem 0;
  margin: .125rem 0 0;
  font-size: 1rem;
  color: #212529;
  text-align: left;
  list-style: none;
  background-clip: padding-box;
}
.dropdown-menu-end { right: 0; left: auto; }
.dropdown-menu.show { display: block; }
.dropdown-item {
  display: block;
  width: 100%;
  clear: both;
  white-space: nowrap;
  text-decoration: none;
}
.dropdown-divider {
  height: 0;
  margin: .5rem 0;
  overflow: hidden;
  border-top: 1px solid rgba(255,255,255,.12);
}

/* Badge ve buton mikro düzeltmeleri */
.badge {
  display: inline-block;
  padding: .35em .65em;
  font-size: .75em;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25rem;
}
.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
}

/* Genel aksiyon butonlarında ikon/yazı yapışmasını engelle */
a[class*="btn"] i,
button[class*="btn"] i,
.server-actions i,
.action-buttons i,
.topic-actions i,
.comment-actions i,
.detay-actions i {
  margin-right: .45rem;
}

a[class*="btn"] i:only-child,
button[class*="btn"] i:only-child {
  margin-right: 0;
}

/* TUR1B: header kapsayıcı hizası düzeltmesi
   Önceki icon-fix dosyasında Bootstrap container iskeleti eksik kaldığı için
   header menüsü sol tarafa daralarak yapışabiliyordu. Sadece header alanını
   merkezler; sayfa/reklam/server kartlarına dokunmaz. */
.navbar-new-bg {
  width: 100% !important;
  display: block !important;
}
.navbar-new-bg > .container {
  width: 100% !important;
  max-width: 1280px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
}
.navbar-new-bg .navbar-collapse {
  width: 100% !important;
  min-width: 0 !important;
}
@media (min-width: 992px) {
  .navbar-new-bg .navbar-collapse {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
    flex-wrap: nowrap !important;
  }
  .navbar-new-bg .nav-buttons {
    flex: 0 1 auto !important;
    min-width: 0 !important;
    margin-right: auto !important;
  }
  .navbar-new-bg .user-nav {
    flex: 0 0 auto !important;
    margin-left: auto !important;
  }
}
@media (max-width: 991px) {
  .navbar-new-bg > .container {
    max-width: calc(100% - 18px) !important;
  }
}