/* ============================================================
   AUTH – ÜSTTEKİ GİRİŞ BUTONU / HESAP ALANI
   ============================================================ */

.search-tabs-top{
  display:flex;
  justify-content:space-between;
  align-items:center;
}

.auth-slot{
  margin-left:auto;
  margin-right:14px;
  display:flex;
  align-items:center;
  gap:6px;
  position:relative;
}

.auth-user-name{
  font-size:14px;
  white-space:nowrap;
}

.auth-btn{
  padding:5px 7px;
  font-size:12px;
  border-radius:8px;
  cursor:pointer;
  border:1px solid #727272;
  background:#efdfbc;
  color:#333;
  transition:.2s;
  font-family:Verdana, Geneva, Tahoma, sans-serif;
}
.auth-btn:hover{ background:#f1f1f1; }

.auth-menu{
  position:absolute;
  top:100%;
  right:0;
  margin-top:4px;
  min-width:140px;
  background:#fff;
  border:1px solid #ddd;
  border-radius:8px;
  box-shadow:0 8px 20px rgba(0,0,0,.12);
  padding:4px 0;
  display:none;
  z-index:10000;
}
.auth-menu--open{ display:block; }

.auth-menu__item{
  width:100%;
  padding:6px 12px;
  text-align:left;
  background:transparent;
  border:none;
  font-size:13px;
  cursor:pointer;
}
.auth-menu__item:hover{ background:#f5f5f5; }

/* ============================================================
   LOGIN MODAL (authModal) — ORTALAMA KİLİTLİ
   ============================================================ */

.auth-modal{
  position:fixed !important;
  inset:0 !important;
  z-index:9999 !important;
  background:rgba(0,0,0,.45) !important;

  /* kapalı */
  display:none !important;

  /* ortalama */
  align-items:center !important;
  justify-content:center !important;
}

.auth-modal[aria-hidden="false"]{
  display:flex !important;
}

.auth-modal__dialog{
  background:#fff;
  border-radius:12px;
  width:min(92vw, 380px);
  padding:20px;
  box-shadow:0 10px 35px rgba(0,0,0,.25);

  /* kaymayı kesin engelle */
  margin:0 !important;
  position:relative !important;

  /* küçük ekranda taşarsa içeriden scroll */
  max-height:92vh;
  overflow:auto;
}

.auth-modal__header{
  display:flex;
  justify-content:space-between;
  align-items:center;
}

.auth-modal__close{
  background:none;
  border:none;
  font-size:22px;
  cursor:pointer;
}

.auth-form__group{ margin:12px 0; }
.auth-form__label{
  font-size:13px;
  margin-bottom:4px;
  display:block;
}

.auth-form__input{
  width:100%;
  padding:8px 10px;
  border:1px solid #ccc;
  border-radius:6px;
}

.auth-form__submit{
  width:100%;
  background:#284cb1;
  color:#fff;
  padding:8px 0;
  border:none;
  border-radius:6px;
  margin-top:10px;
}

.auth-form__google{
  width:100%;
  padding:8px 0;
  border:1px solid #ccc;
  border-radius:6px;
  margin-top:10px;
}

.auth-form__status{
  margin-top:6px;
  font-size:13px;
}
.auth-form__status--error{ color:#b91c1c; }
.auth-form__status--ok{ color:#047857; }

.login-links{
  margin-top:10px;
  text-align:center;
  font-size:14px;
}
.login-links a{
  color:#2b5fd9;
  text-decoration:none;
  cursor:pointer;
}
.login-links a:hover{ text-decoration:underline; }
.login-links .sep{
  margin:0 6px;
  color:#999;
}

/* ============================================================
   REGISTER / FORGOT MODAL (.modal) — ORTALAMA + MOBİL KÜÇÜLTME
   Not: JS showModal() registerModal.style.display='block' yapıyor.
        Biz de aria-hidden="false" iken flex merkezliyoruz.
   ============================================================ */

.modal{
  position:fixed !important;
  inset:0 !important;
  z-index:9999 !important;

  /* kapalı (JS zaten display:none gönderiyor ama garanti olsun) */
  display:none;

  align-items:center;
  justify-content:center;
}

.modal[aria-hidden="false"]{
  display:flex !important;
}

.modal__backdrop{
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.45);
}

.modal__dialog{
  position:relative;
  width:min(92vw, 420px);
  background:#fff;
  border-radius:12px;
  padding:22px;

  /* margin-top ile kaydırma yok */
  margin:0 !important;

  /* taşarsa içeriden scroll */
  max-height:92vh;
  overflow:auto;
}

.modal__title{
  margin:0 0 14px;
  font-size:26px;
}

.modal__close{
  position:absolute;
  top:10px;
  right:12px;
  border:0;
  background:transparent;
  font-size:22px;
  cursor:pointer;
}

.f-label{
  display:block;
  margin-top:10px;
  margin-bottom:6px;
  font-size:14px;
}

.f-input{
  width:100%;
  height:40px;
  padding:8px 10px;
  border:1px solid #cfd6e4;
  border-radius:8px;
  outline:none;
}

.modal__msg{
  margin:10px 0;
  padding:10px 12px;
  border-radius:8px;
  font-size:14px;
}

/* ============================================================
   MOBİL
   ============================================================ */
@media (max-width:768px){
  .search-card{ position:relative; }

  .auth-slot{
    position:absolute;
    top:6px;
    right:10px;
    margin:0;
  }

  .auth-btn{
    padding:4px 10px;
    font-size:12px;
  }

  /* login küçült */
  .auth-modal__dialog{
    width:min(92vw, 340px);
    padding:14px;
    border-radius:12px;
    max-height:90vh;
  }
  .auth-form__group{ margin:10px 0; }
  .auth-form__label{ font-size:12.5px; }
  .auth-form__input{ padding:7px 9px; }
  .login-links{ font-size:13px; }

  /* register küçült */
  .modal__dialog{
    width:min(92vw, 360px);
    padding:14px;
    border-radius:12px;
    max-height:90vh;
  }
  .modal__title{ font-size:22px; margin-bottom:10px; }
  .f-label{ font-size:13px; margin-top:8px; }
  .f-input{ height:38px; padding:7px 9px; }
  .topbar .update-menu,
  .topbar .topbar-update__menu,
  .topbar .topbar__update-menu {
      left: 50% !important;
      right: auto !important;
      transform: translateX(-50%) !important;

      /* taşmayı engelle */
      max-width: calc(100vw - 24px);
  }
}