/* ==============================
   B2B Giriş CTA (oval turuncu)
   ============================== */
.navbar .nav-b2b, .nav .nav-b2b { /* li container */
  margin-left: 10px;
}
.navbar .btn-b2b, .nav .btn-b2b {
  background: #FFA500 !important;   /* turuncu */
  color: #111 !important;            /* siyah yazı */
  border-radius: 999px !important;   /* oval */
  padding: 10px 18px !important;
  display: inline-block;
  font-weight: 800;
  line-height: 1.2;
  border: 1px solid rgba(0,0,0,.05);
  box-shadow: 0 3px 10px rgba(0,0,0,.20);
  text-decoration: none !important;
  transition: transform .12s ease, box-shadow .12s ease, filter .18s ease;
}
.navbar .btn-b2b:hover, .nav .btn-b2b:hover {
  filter: brightness(1.05);
  transform: translateY(-1px);
  box-shadow: 0 6px 16px rgba(0,0,0,.25);
}
.navbar .btn-b2b:active, .nav .btn-b2b:active {
  transform: translateY(0);
  box-shadow: 0 3px 10px rgba(0,0,0,.18);
}

/* Eğer nav flex ise butonu sağa al */
.navbar .navbar-nav, .nav.navbar-nav {
  align-items: center;
}
/* Bu kural, çoğu bootstrap nav'da butonun sağa yanaşmasını sağlar.
   Eğer ul display:flex değilse etkisiz kalır ama sıralamada 'MARKALAR'dan hemen sonra görünür. */
.navbar .navbar-nav > li.nav-b2b { margin-left: 16px; }

/* Küçük ekranlar için spacing */
@media (max-width: 991px) {
  .navbar .btn-b2b, .nav .btn-b2b { margin: 6px 0 6px 0; width: auto; }
}