/* header.css (Tam ve Güncel) */

/* ─── 1) HEADER TAŞMAYI ENGELLEYEN ÖZEL AYAR ─────────────────────── */
header,
#header,
.header-body,
.header-body .container-fluid,
.header-body .dropdown {
  overflow-x: visible !important;
  overflow-y: visible !important;
}

/* ─── 2) DROPDOWN MENÜ POZİSYON VE Z-INDEX ───────────────────────── */
.header-body .dropdown-menu,
.offcanvas .dropdown-menu {
  position: absolute !important;
  top: calc(100% + 0.25rem) !important;
  left: 0 !important;
  margin: 0 !important;
  z-index: 3000 !important;
  overflow: visible !important;
}

/* ─── 3) BTN-LINK ALT ÇİZGİ VE BORDER KALDIR ─────────────────────── */
.btn-link {
  border: none !important;
  text-decoration: none !important;
  box-shadow: none !important;
}

/* ─── 4) Genel Header Container ──────────────────────────────────── */
.header-body .container-fluid {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.75rem 0;
  flex-wrap: nowrap;
  overflow-x: auto;
  overflow-y: visible;
  -webkit-overflow-scrolling: touch;
}

/* ─── 5) Menü (inline) ───────────────────────────────────────────── */
.menu-inline {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  gap: 1.5rem;
  flex-wrap: nowrap;
  white-space: nowrap;
}
.menu-inline .nav-link {
  color: #000;
  font-weight: 500;
  text-decoration: none;
  padding: 0.25rem;
}
.menu-inline .nav-link:hover,
.menu-inline .nav-link:focus {
  color: #198754;
}

/* ─── 6) Desktop-only / Mobile-only Görünümler ──────────────────── */
.desktop-only { display: flex !important; }
.mobile-only  { display: none !important; }
@media (max-width: 991.98px) {
  .menu-inline  { display: none !important; }
  .desktop-only { display: none !important; }
  .mobile-only  { display: inline-flex !important; }
}

/* ─── 7) Caret & Underline Gizleme ───────────────────────────────── */
.no-caret,
.no-caret.dropdown-toggle {
  background-image: none !important;
}
.no-caret::after,
.no-caret.dropdown-toggle::after {
  display: none !important;
}

/* ─── 8) Dil Seçimi (Dropdown) ──────────────────────────────────── */
.header-body .dropdown {
  position: relative !important;
}
#dropdownLanguage,
#mobileLang {
  background: none !important;
  border: none !important;
  padding: 0.25rem 0.5rem;
  font-size: 0.95rem;
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  color: #000;
}
#dropdownLanguage:hover,
#dropdownLanguage:focus,
#mobileLang:hover,
#mobileLang:focus {
  color: #198754;
}
.dropdown-item {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.9rem;
  padding: 0.5rem 1rem;
}

/* ─── 9) Arama İkonu ─────────────────────────────────────────────── */
#openSearch {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  font-size: 1.1rem;
  color: #000;
  background: none !important;
  border: none !important;
  outline: none !important;
}
#openSearch:hover,
#openSearch:focus {
  background: rgba(0,0,0,0.05);
}

/* ─── 10) Üyelik / Giriş Butonları ───────────────────────────────── */
.btn-header {
  font-size: 0.85rem;
  line-height: 1.2;
  padding: 0.45rem 1rem;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  white-space: nowrap;
}
.btn-header:hover,
.btn-header:focus {
  opacity: 0.85;
}

/* ─── 11) Hamburger Altındaki Çizgiyi Kaldır ────────────────────── */
button.mobile-only,
.btn.mobile-only,
.btn.mobile-only i {
  border: none !important;
  box-shadow: none !important;
  background: none !important;
}
button.mobile-only:hover,
button.mobile-only:focus {
  outline: none !important;
}

/* ─── 12) Inline Arama Alanı ─────────────────────────────────────── */
.search-inline .container-fluid {
  display: flex;
  justify-content: center;
}
.search-inline form {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.search-inline .form-control,
.search-inline .btn,
.search-inline .btn-outline-secondary {
  height: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.search-inline .form-control {
  padding: 0 0.75rem;
}
.search-inline .btn-outline-secondary {
  border: 1px solid #dee2e6;
  background: #fff;
}
.search-inline.d-none { display: none !important; }
.search-inline.d-block { display: block !important; }

/* ─── 13) Offcanvas (Mobil Menü) ───────────────────────────────── */
.offcanvas-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem;
}
.offcanvas-header .btn-close {
  order: 2;
}
.offcanvas .offcanvas-body {
  padding: 1rem;
}
.offcanvas .nav-link {
  font-size: 1rem;
  padding: 0.5rem 0;
  color: #333;
}
.offcanvas .nav-link:hover,
.offcanvas .nav-link:focus {
  color: #198754;
}
.offcanvas .btn {
  font-size: 0.95rem;
  padding: 0.6rem;
  width: 100%;
  margin-bottom: 0.5rem;
}

/* ─── 14) Scrollbar Gizleme (isteğe bağlı) ───────────────────────── */
/*
.header-body .container-fluid::-webkit-scrollbar {
  display: none;
}
*/