/* ===== Modal & Backdrop ===== */
.modal-backdrop { position: fixed; top: 0; left: 0; z-index: 1040; width: 100vw; height: 100vh; background-color: #000; }
.modal-backdrop.fade { opacity: 0; transition: opacity .15s linear; }
.modal-backdrop.show { opacity: .5; }
.modal-open { overflow: hidden; padding-right: 0 !important; }

/* ===== Sosyal Medya İkonları (Footer) ===== */
#SocialIcons {
  min-width: 350px;
  top: 50%;
  left: 50%;
  transform: translate(0%, -8%);
  display: flex;
  justify-content: space-around;
}
.icons {
  width: 40px;
  height: 40px;
  background: #212529;
  border-radius: 50%;
  cursor: pointer;
  outline: none;
  border: 1px solid #909294;
  z-index: -1;
  text-align: center;
}
.iconName {
  position: absolute;
  top: -40px;
  font-size: 12px;
  color: #fff;
  transform: scale(0);
  border-radius: 3px;
  text-align: center;
  padding: 3px;
  transition: transform 0.3s ease;
}

.icons.instaIcon:hover .iconName {
  transform: scale(1);
  left: -7px;
  background: linear-gradient(30deg, #0000ff, #f56040);
}

.icons.linkedin:hover .iconName {
  transform: scale(1);
  left: 59px;
  background: #0274b3;
}
.icons.whatsapp:hover .iconName {
  transform: scale(1);
  left: 110px;
  background: #25d366;
}
.icons.youtube:hover .iconName {
  transform: scale(1);
  left: 175px;
  background: #ff0000;
}
.icons.facebook:hover .iconName {
  transform: scale(1);
  left: 229px;
  background: #2267e7;
}
.icons.x:hover .iconName {
  transform: scale(1);
  left: 288px;
  background: #1d1c1c;
}
.icon {
  font-size: 25px;
  z-index: 1;
  display: inline-block;
  width: 100%;
  height: 100%;
  text-align: center;
  align-content: center;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
  border: none;
  outline: none;
  transition: color 0.3s ease;
  color: #909294;
}
.icon:hover {
  color: #fff;
}
.icon::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0;
  border-radius: 50%;
  transform: rotateX(360deg);
  transition: height 0.3s ease;
  z-index: -1;
}

.icon:hover::before {
  height: 100%;
  z-index: 1;
}
.icon:hover {
  box-shadow: 5px 5px 10px #181717ce;
}

.icon.tube::before {
  z-index: -1;
  background: red;
}

.icon.insta::before {
  z-index: -1;
  background: linear-gradient(40deg, #0000ff, #f56040);
}

.icon.link::before {
  z-index: -1;
  background: #0274b3;
}

.icon.whats::before {
  z-index: -1;
  background: #25d366;
}

.icon.face::before {
  z-index: -1;
  background: #2263db;
}

.icon.x_::before {
  z-index: -1;
  background: #111111;
}

/* ===== Floating Buttons (Talep / WhatsApp) ===== */
.talep_btn {
    transition: all 0.3s ease;
}
.talep_btn:hover {
    transform: translateY(-5px) scale(1.05);
    cursor: pointer;
}
.whatsapp-float {
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 30px;
    right: 30px;
    background-color: #25d366;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    font-size: 32px;
    box-shadow: 2px 2px 10px rgba(0,0,0,0.3);
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    transition: all 0.3s ease;
}

.whatsapp-float:hover {
    background-color: #128C7E;
    color: #FFF;
    transform: scale(1.1);
}

@media (max-width: 768px) {
    .whatsapp-float {
      width: 50px;
      height: 50px;
      font-size: 28px;
      bottom: 25px;
      right: 6px;
    }
    .talep_btn {
      transition: all 0.3s ease;
      width: auto !important;
      height: 45px !important;
      border: none !important;
      bottom: 15px !important;
      left: 6px !important;
      box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);
      font-size: 15px;
    }
    #mobileSuggestions{
    position: absolute;
    width: 11%;
    top: 110%;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 10px 40px rgba(0,0,0,0.15);
    z-index: 1050;
    display: none;
    overflow: hidden;
    border: 1px solid rgba(0,0,0,0.05);
  }
  #logo-beyaz{
    width: auto;
    height: 35px;
  }
}

/* ===== Search Autocomplete ===== */
#desktopSuggestions, #citySearchSuggestions{
  position: absolute;
  width: 96%;
  top: 110%;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 10px 40px rgba(0,0,0,0.15);
  z-index: 1050;
  display: none;
  overflow: hidden;
  border: 1px solid rgba(0,0,0,0.05);
}

.suggestion-header {
    background: #f8f9fa;
    color: #6c757d;
    font-size: 11px;
    font-weight: 700;
    padding: 10px 20px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border-bottom: 1px solid #eee;
}

.suggestion-item {
    padding: 12px 20px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    color: #333;
    border-bottom: 1px solid #f8f9fa;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
}

.suggestion-item i {
    color: #ffc107;
    margin-right: 10px;
    font-size: 16px;
}

.suggestion-item:hover {
    background-color: #fff8e1;
    padding-left: 25px;
    color: #000;
}

.suggestion-item:last-child {
    border-bottom: none;
}

/* ===== Footer Links ===== */
.footer-links, .footer-links * {
  transition: color 0.3s ease;
}
.footer-links a:hover{
  color: var(--accent) !important;
}

/* ===== Kurumsal Buton ===== */
.kurumsal-btn {
  background-color: #f6c026;
  color: #1a1a1a;
  font-weight: 600;
  border-radius: 30px;
  padding: 8px 24px;
  border: none;
  border-bottom: 3px solid #dfab1f;
  transition: all 0.2s ease;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  margin-right: 1.5rem;
}

.kurumsal-btn:hover,
.kurumsal-btn:focus,
.kurumsal-btn.show,
.kurumsal-btn:active {
  background-color: #dfab1f !important;
  color: #1a1a1a !important;
  border-bottom-width: 0px;
  transform: translateY(3px);
  box-shadow: 0 4px 12px rgba(246, 192, 38, 0.35);
}

/* ===== Custom Dropdown Menu ===== */
.custom-dropdown-menu {
  border: none !important;
  border-radius: 12px !important;
  padding: 8px !important;
  margin-top: 10px !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12) !important;
  min-width: 160px;
  background-color: #ffffff;
  animation: dropFade 0.3s ease forwards;
}

/* ===== Giriş Yap dropdown menüsü (ziyaretçi: üye / kurumsal) ===== */
/* Üye ve kurumsal kullanıcılar yanlış forma girmesin diye her seçenek renkli
   ikon + açıklama satırıyla ayrışır; düz metin listesinde ikisi karışıyordu. */
.giris-menu.custom-dropdown-menu {
    min-width: 194px;
    padding: 5px !important;
}
.giris-menu-item {
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 7px 9px;
    border-radius: 9px;
    white-space: nowrap;
    transition: background-color .18s ease;
}
/* Bootstrap'in .dropdown-item:hover'ı --bs-dropdown-link-hover-bg değişkenini
   okur ve aynı özgüllükte olduğu için burada !important şart. */
.giris-menu-item:hover,
.giris-menu-item:focus {
    background-color: #f5f7fa !important;
}
/* İkon kutusu — üye sarı (marka), kurumsal lacivert (panel) tonunda */
.giris-menu-ikon {
    flex: 0 0 auto;
    width: 29px;
    height: 29px;
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 12.5px;
    transition: transform .18s ease;
}
.giris-menu-ikon.uye      { background: #fff4d6; color: #b7791f; }
.giris-menu-ikon.kurumsal { background: #e7eefc; color: #1d4ed8; }
.giris-menu-item:hover .giris-menu-ikon { transform: scale(1.07); }

.giris-menu-baslik { font-size: 13.5px; font-weight: 600; color: #1f2937; }

/* Sağdaki ok: normalde gizli, hover'da belirip yerine oturur */
.giris-menu-ok {
    margin-left: auto;
    font-size: 10px;
    color: #c7cdd8;
    opacity: 0;
    transform: translateX(-4px);
    transition: opacity .18s ease, transform .18s ease;
}
.giris-menu-item:hover .giris-menu-ok { opacity: 1; transform: translateX(0); }

/* ===== Üye hesap menüsü (giriş yapmış üye) ===== */
/* Giriş Yap dropdown'ıyla AYNI tasarım dili: ikon kutulu satırlar, yumuşak
   hover. Üstte kullanıcının kim olduğunu gösteren başlık, altta ayrılmış çıkış. */
.hesap-menu.custom-dropdown-menu {
    min-width: 232px;
    padding: 6px !important;
}
/* Kimlik başlığı — hangi hesapta olduğun bir bakışta belli olsun */
.hesap-menu-baslik {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 10px 10px;
    margin-bottom: 4px;
    border-bottom: 1px solid #eef1f5;
}
.hesap-menu-avatar {
    flex: 0 0 auto;
    width: 34px; height: 34px;
    border-radius: 50%;
    display: inline-flex; align-items: center; justify-content: center;
    background: linear-gradient(135deg, #ffc107, #ffb300);
    color: #1a1a1a;
    font-weight: 700; font-size: 15px;
    text-transform: uppercase;
}
.hesap-menu-kimlik { display: flex; flex-direction: column; line-height: 1.25; min-width: 0; }
.hesap-menu-ad {
    font-size: 13.5px; font-weight: 600; color: #1f2937;
    /* Uzun ad taşmasın */
    max-width: 150px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.hesap-menu-rol { font-size: 11px; color: #8a94a6; margin-top: 1px; }

.hesap-menu-item {
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 7px 9px;
    border-radius: 9px;
    font-size: 13.5px;
    font-weight: 500;
    color: #374151;
    white-space: nowrap;
    transition: background-color .18s ease;
}
/* Bootstrap'in .dropdown-item:hover'ı --bs-dropdown-link-hover-bg okur ve aynı
   özgüllükte olduğu için !important şart (bkz. .giris-menu-item). */
.hesap-menu-item:hover,
.hesap-menu-item:focus {
    background-color: #f5f7fa !important;
    color: #111827;
}
.hesap-menu-ikon {
    flex: 0 0 auto;
    width: 28px; height: 28px;
    border-radius: 8px;
    display: inline-flex; align-items: center; justify-content: center;
    background: #f1f3f7;
    color: #5b6472;
    font-size: 12px;
    transition: transform .18s ease;
}
.hesap-menu-ikon.favori { background: #ffe9ec; color: #e63946; }
.hesap-menu-ikon.ekle   { background: #fff4d6; color: #b7791f; }
.hesap-menu-ikon.cikis  { background: #ffe9ec; color: #e63946; }
.hesap-menu-item:hover .hesap-menu-ikon { transform: scale(1.07); }

.hesap-menu-ayrac {
    margin: 5px 8px;
    border: 0;
    border-top: 1px solid #eef1f5;
    opacity: 1;
}
.hesap-menu-cikis { color: #e63946; font-weight: 600; }
.hesap-menu-cikis:hover,
.hesap-menu-cikis:focus {
    background-color: #fff0f1 !important;
    color: #d90429;
}

/* ===== Mobil hesap paneli (hamburger menü içi) ===== */
/* Masaüstü .hesap-menu'nün mobil karşılığı. Hamburger zaten açık bir panel
   olduğu için ikinci bir dropdown açmak yerine satırlar doğrudan listelenir.
   ⚠ Renkler koyu navbar zeminine göre: eskiden .btn-outline-secondary
   kullanılıyordu ve gri yazı koyu zeminde neredeyse okunmuyordu. */
.mobil-hesap {
    display: flex;
    flex-direction: column;
    gap: 2px;
    background: rgba(255, 255, 255, .05);
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 14px;
    padding: 8px;
}
.mobil-hesap-baslik {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 6px 6px 10px;
    margin-bottom: 4px;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
}
.mobil-hesap-avatar {
    flex: 0 0 auto;
    width: 36px; height: 36px;
    border-radius: 50%;
    display: inline-flex; align-items: center; justify-content: center;
    background: linear-gradient(135deg, #ffc107, #ffb300);
    color: #1a1a1a;
    font-weight: 700; font-size: 16px;
    text-transform: uppercase;
}
.mobil-hesap-kimlik { display: flex; flex-direction: column; line-height: 1.25; min-width: 0; text-align: left; }
.mobil-hesap-ad {
    font-size: 14px; font-weight: 600; color: #fff;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.mobil-hesap-rol { font-size: 11.5px; color: rgba(255, 255, 255, .55); margin-top: 1px; }

/* Birincil eylem (İlan Ver / Üye Ol) — dolu sarı, listeden ayrışır */
.mobil-hesap-birincil {
    display: block;
    text-align: center;
    background: linear-gradient(135deg, #ffc107, #ffb300);
    color: #1a1a1a;
    font-size: 14px; font-weight: 700;
    padding: 11px 14px;
    border-radius: 10px;
    text-decoration: none;
    margin-bottom: 4px;
}
.mobil-hesap-birincil:hover,
.mobil-hesap-birincil:focus { filter: brightness(1.06); color: #1a1a1a; }

.mobil-hesap-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 8px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 500;
    color: rgba(255, 255, 255, .88);
    text-decoration: none;
    text-align: left;
    transition: background-color .18s ease;
}
.mobil-hesap-item:hover,
.mobil-hesap-item:focus {
    background-color: rgba(255, 255, 255, .09);
    color: #fff;
}
.mobil-hesap-ikon {
    flex: 0 0 auto;
    width: 30px; height: 30px;
    border-radius: 9px;
    display: inline-flex; align-items: center; justify-content: center;
    background: rgba(255, 255, 255, .1);
    color: rgba(255, 255, 255, .8);
    font-size: 12.5px;
}
.mobil-hesap-ikon.favori   { background: rgba(230, 57, 70, .18);  color: #ff8a94; }
.mobil-hesap-ikon.cikis    { background: rgba(230, 57, 70, .18);  color: #ff8a94; }
.mobil-hesap-ikon.uye      { background: rgba(255, 193, 7, .18);  color: #ffc107; }
.mobil-hesap-ikon.kurumsal { background: rgba(96, 165, 250, .18); color: #93c5fd; }

.mobil-hesap-cikis { color: #ff8a94; font-weight: 600; margin-top: 2px; }
.mobil-hesap-cikis:hover,
.mobil-hesap-cikis:focus { background-color: rgba(230, 57, 70, .15); color: #ffadb3; }

/* ===== Logout Button ===== */
.logout-item {
  color: #e63946;
  font-weight: 600;
  border-radius: 8px;
  padding: 10px 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  transition: all 0.2s ease;
}

.logout-item:hover {
  background-color: #fff0f1;
  color: #d90429;
  transform: translateX(4px);
}

/* ===== Animations ===== */
@keyframes dropFade {
  0% { opacity: 0; transform: translateY(-10px); }
  100% { opacity: 1; transform: translateY(0); }
}

/* ===== User Menu Dropdown (Desktop) ===== */
@media (min-width: 992px) {
  .user-menu-dropdown {
    position: relative !important;
  }
  .user-menu-dropdown-menu.custom-dropdown-menu.dropdown-menu {
    position: absolute !important;
    right: 25px !important;
    left: auto !important;
    top: calc(100% + 6px) !important;
    transform: none !important;
    transform-origin: top right;
    /* width:100% KALDIRILDI: menü butonun genişliğine kilitleniyordu, uzun
       kullanıcı adlarında satırlar sıkışıyordu. Genişlik .hesap-menu'de. */
    margin: 0 !important;
    padding: 6px !important;
    border-radius: 12px !important;
    border: 1px solid rgba(0,0,0,0.05) !important;
    animation: none !important;
  }
}

/* ===== Personel/Yönetici Navbar Sıkıştırma ===== */
@media (min-width: 992px) {
  .staff-navbar-nav .nav-link {
    white-space: nowrap;
    padding-left: .5rem !important;
    padding-right: .5rem !important;
    font-size: 14px;
  }
}
@media (min-width: 992px) and (max-width: 1400px) {
  .staff-navbar-nav .nav-link {
    padding-left: .35rem !important;
    padding-right: .35rem !important;
    font-size: 13px;
  }
  .staff-navbar-nav .nav-link i {
    margin-right: 3px !important;
  }
}

/* ===== Yönetim Dropdown (Navbar) ===== */
.yonetim-nav-link {
  display: inline-flex !important;
  align-items: center;
  gap: 6px;
  line-height: 1.2;
}
.yonetim-nav-link::after {
  vertical-align: middle;
  margin-left: 4px;
}
.yonetim-dropdown-menu {
  border: none !important;
  border-radius: 12px !important;
  padding: 8px !important;
  margin-top: 10px !important;
  min-width: 230px;
  background-color: #ffffff;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.14) !important;
  animation: dropFade 0.25s ease forwards;
  overflow: hidden;
}
.yonetim-dropdown-menu .dropdown-header {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.6px;
  text-transform: uppercase;
  color: #8a8f98;
  padding: 6px 12px 4px;
}
.yonetim-dropdown-menu .dropdown-divider {
  margin: 6px 4px;
  border-color: #eef0f3;
}
.yonetim-dropdown-menu .dropdown-item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 9px 12px;
  border-radius: 8px;
  font-weight: 500;
  color: #2c2f33;
  transition: background-color .15s ease, color .15s ease, transform .15s ease;
}
.yonetim-dropdown-menu .dropdown-item .item-icon {
  width: 28px;
  height: 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  background: #f1f4f9;
  color: #4b5563;
  font-size: 13px;
  flex-shrink: 0;
}
.yonetim-dropdown-menu .dropdown-item:hover,
.yonetim-dropdown-menu .dropdown-item:focus {
  background-color: #f5f8ff;
  color: #1f3a8a;
  transform: translateX(2px);
}
.yonetim-dropdown-menu .dropdown-item:hover .item-icon,
.yonetim-dropdown-menu .dropdown-item:focus .item-icon {
  background: #e0e8ff;
  color: #1f3a8a;
}
.yonetim-dropdown-menu .dropdown-item.active,
.yonetim-dropdown-menu .dropdown-item:active {
  background-color: #1f3a8a;
  color: #fff;
}
.yonetim-dropdown-menu .dropdown-item.active .item-icon {
  background: rgb(251 228 113 / 20%);
  color: var(--accent);
}

@media (min-width: 992px) {
  .yonetim-dropdown-menu {
    right: auto !important;
    left: 0 !important;
    transform-origin: top left;
  }
}

@media (max-width: 992px) {
  .yonetim-dropdown-menu {
    background-color: #2c2f33;
    box-shadow: 0 5px 20px rgba(0,0,0,0.5) !important;
  }
  .yonetim-dropdown-menu .dropdown-header { color: #b8bdc7; }
  .yonetim-dropdown-menu .dropdown-divider { border-color: rgba(255,255,255,0.08); }
  .yonetim-dropdown-menu .dropdown-item { color: #e6e8eb; }
  .yonetim-dropdown-menu .dropdown-item .item-icon {
    background: rgba(255,255,255,0.08);
    color: #cfd3da;
  }
  .yonetim-dropdown-menu .dropdown-item:hover,
  .yonetim-dropdown-menu .dropdown-item:focus {
    background-color: rgba(255,255,255,0.08);
    color: #fff;
  }
  .yonetim-dropdown-menu .dropdown-item:hover .item-icon,
  .yonetim-dropdown-menu .dropdown-item:focus .item-icon {
    background: rgba(255,255,255,0.18);
    color: #fff;
  }
}

/* ===== Mobil & Tablet Custom Dropdown ===== */
@media (max-width: 992px) {
  .custom-dropdown-menu {
    background-color: #2c2f33;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.5) !important;
  }
  .logout-item:hover {
    background-color: rgba(255, 107, 107, 0.15);
    color: #ff8787;
  }
}

/* ===== Buton Active/Show Geçişi ===== */
.btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active{
  border-bottom: 0px;
  transition: all ease 2s;
}

@media (max-width:1200px) {
  .deskSearchInput{
    display: none !important;
  }

  .ilan-search-btn{
    display: block !important;
  }
}

@media (max-width:1440px) {
  .kurumsal-btn {
    font-size: 14px;
    padding: .4rem !important;
  }

  @media (max-width:1020px) {
    .kurumsal-btn {
      margin-right: 0;
      padding: .4rem 2rem !important;
    }
  }
}

/* ===== Masaüstü Dropdown Sağdan Taşma Düzeltmesi ===== */
@media (min-width: 992px) {
  .custom-dropdown-menu {
    right: 0 !important;
    left: auto !important;
    transform-origin: top right;
  }
}

.dropdown-item.active, .dropdown-item:active {
  background-color: initial !important;
  color: var(--accent) !important;
}

/* ===== Toast (Sweetalert) Renk Çubukları ===== */
.toast-success .swal2-timer-progress-bar { background-color: #198754 !important; }
.toast-error .swal2-timer-progress-bar { background-color: #dc3545 !important; }
.toast-warning .swal2-timer-progress-bar { background-color: #ffc107 !important; }
.toast-info .swal2-timer-progress-bar { background-color: #0dcaf0 !important; }

/* SweetAlert HER ZAMAN en üstte olmalı.
   Varsayılanı 1060; Bootstrap modal 1055, ama özel modallarımız daha
   yükseğe çıkabiliyor (örn. görev detay modalı z-index:2000). O durumda
   "Emin misiniz?" kutusu modalın ARKASINA düşüyor ve kullanıcı onay
   veremiyordu — üstelik arka plan kilitli olduğu için sayfa donmuş gibi
   görünüyor. Bu yüzden tüm özel katmanların üzerine sabitlenir. */
.swal2-container { z-index: 100000 !important; }

/* Ziyaretçi "Giriş Yap" dropdown butonu — ikincil (çerçeveli) görünüm.
   Yanındaki dolu sarı "Üye Ol" birincil eylem olduğu için bu çerçeveli kalır.
   Bootstrap'in .btn-outline-light'ı KULLANILMIYOR: hover'da zemini beyaza
   boyayıp yazıyı koyultuyor (koyu navbar üzerinde sert bir sıçrama). */
.navbar-giris-btn {
    /* Renkler Bootstrap'in --bs-btn-* değişkenleriyle: .btn / .btn:hover /
       .btn.show kuralları bu değişkenleri okur, doğrudan renk yazmak onları
       ezemiyordu (dropdown açıkken zemin şeffaf kalıyordu). */
    --bs-btn-color: #f8f9fa;
    --bs-btn-bg: transparent;
    --bs-btn-border-color: rgba(255, 255, 255, .55);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: rgba(255, 255, 255, .15);
    --bs-btn-hover-border-color: rgba(255, 255, 255, .9);
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: rgba(255, 255, 255, .15);
    --bs-btn-active-border-color: rgba(255, 255, 255, .9);
    --bs-btn-focus-shadow-rgb: 255, 255, 255;
    border-radius: 8px;
    font-size: 13px;
    padding: 8px 14px;
}

/* "Üye Ol" — eskiden inline style'daydı, buraya taşındı (medya sorgusuyla
   ezilebilsin diye; inline stil !important olmadan geçersiz kılınamıyor). */
.navbar-uyeol-btn {
    border-radius: 8px;
    font-size: 13px;
    padding: 8px 14px;
    border: none;
    color: #1a1a1a;
}

/* ⚠ Sıkışma kök nedeni: butonlar alan daralınca metni İKİ SATIRA bölüyordu
   ("Üye / Ol" gibi dikleşiyordu). Menü linklerinde nowrap vardı, butonlarda
   yoktu. Bu kural her genişlikte geçerlidir — sarmalamak yerine daralsınlar. */
.navbar-giris-btn,
.navbar-uyeol-btn,
.navbar .kurumsal-btn {
    white-space: nowrap;
    flex-shrink: 0;
}

/* ===== Navbar: sağ kenar nefesi + küçük laptop sıkışması ===== */
/* ⚠ Yapısal not: navbar'daki .container _navbar.html'de arama formundan ÖNCE
   kapanıyor; arama kutusu ve Giriş/Üye Ol bloğu container'ın DIŞINDA, doğrudan
   <nav> içinde. Bu yüzden geniş ekranda container 1320px'de biterken bu ikisi
   ekranın sağ kenarına kadar itiliyor ve "Üye Ol" kenara yapışık duruyordu.
   HTML'i yeniden kurmak tüm navbar hizasını etkileyeceğinden, sağ kenara
   nefes payı CSS ile veriliyor. */
@media (min-width: 992px) {
  .navbar > .d-lg-flex.align-items-center.gap-2:last-of-type,
  .navbar > .deskSearchInput { margin-right: 0; }
  .navbar .d-none.d-lg-flex.align-items-center.gap-2 { margin-right: 1.5rem; }
}

/* navbar-expand-lg 992px'ten itibaren 9 menü + logo + arama + 2 butonu tek
   satıra sıkıştırıyor; 1366-1440px laptoplarda yazılar birbirine giriyordu.
   Bu aralıkta link padding'i, aradaki boşluk ve arama kutusu daraltılır —
   1400px üstünde hiçbir şey değişmez (geniş ekran görünümü korunur). */
@media (min-width: 992px) and (max-width: 1399.98px) {
  .navbar .navbar-nav.gap-2 { gap: 0 !important; }
  .navbar .navbar-nav .nav-link {
    padding-left: .45rem;
    padding-right: .45rem;
    font-size: 14px;
    white-space: nowrap;
  }
  .navbar .deskSearchInput { max-width: 160px !important; }
  .navbar .d-lg-flex.align-items-center.gap-2 { margin-right: .5rem; }
  /* Giriş Yap / Üye Ol yatay padding'i kısılır, dikey aynı kalır. */
  /* "Giriş Yap" .dropdown sarmalayıcısı içinde olduğu için > .btn onu yakalamaz;
     .navbar-giris-btn ayrıca hedeflenir. */
  .navbar .d-lg-flex.align-items-center.gap-2 > .btn,
  .navbar .d-lg-flex.align-items-center.gap-2 .navbar-giris-btn,
  .navbar .d-lg-flex.align-items-center.gap-2 .navbar-uyeol-btn { padding: 8px 10px !important; }
}

/* 1200-1400px: menüye "Satış Talebi" eklenince (9 öğe) yukarıdaki daraltma
   yetmedi — 1366px'de toplam genişlik ~8px taşıyor ve "Üye Ol" iki satıra
   kırılıyordu. Menü yazısı ve arama kutusu bir tık daha kısılır. */
@media (min-width: 1200px) and (max-width: 1399.98px) {
  .navbar .navbar-nav .nav-link {
    padding-left: .3rem;
    padding-right: .3rem;
    font-size: 13px;
  }
  .navbar .deskSearchInput { max-width: 130px !important; margin-right: .5rem !important; }
  .navbar .d-lg-flex.align-items-center.gap-2 { margin-right: .25rem; gap: .35rem !important; }
  .navbar .d-lg-flex.align-items-center.gap-2 > .btn,
  .navbar .d-lg-flex.align-items-center.gap-2 .navbar-giris-btn,
  .navbar .d-lg-flex.align-items-center.gap-2 .navbar-uyeol-btn {
    padding: 7px 9px !important;
    font-size: 12px;
  }
}

/* 992-1200px (küçük laptop/tablet yatay): 9 menü öğesi + logo + arama + 2 buton
   bu genişliğe FİZİKSEL OLARAK sığmıyor (yaklaşık 150px taşıyor). Masaüstü arama
   kutusu gizlenir; kaybolmaması için mobil arama ikonu (normalde `d-lg-none`)
   bu aralıkta geri açılır — işlev korunur, satır kırılmaz. */
@media (min-width: 992px) and (max-width: 1199.98px) {
  .navbar .deskSearchInput { display: none !important; }
  .navbar .ilan-search-btn.d-lg-none { display: inline-block !important; }
  .navbar .navbar-nav .nav-link {
    padding-left: .22rem;
    padding-right: .22rem;
    font-size: 12.5px;
  }
  .navbar .d-lg-flex.align-items-center.gap-2 { margin-right: .25rem; gap: .35rem !important; }
  .navbar .d-lg-flex.align-items-center.gap-2 > .btn,
  .navbar .d-lg-flex.align-items-center.gap-2 .navbar-giris-btn,
  .navbar .d-lg-flex.align-items-center.gap-2 .navbar-uyeol-btn {
    padding: 7px 9px !important;
    font-size: 12px;
  }
}