/* ============================================================
   VirusBet - Giris Popup (auth-modal)
   Tam ekran login modal - tum sayfalarda gecerli
   HTML: footer.php icinde varsayilan gizli, GIRIS butonuyla acilir
   ============================================================ */

/* Overlay wrapper: viewport-locked, z-index en yuksek */
.auth-modal-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100vw;
  height: 100vh;
  z-index: 100000;
  background: rgba(0, 0, 0, 0.55);
  overflow: hidden;
}
.auth-modal-overlay.open {
  display: flex;
}
body.auth-modal-open {
  overflow: hidden !important;
}

/* Ic yapı - kullanıcı verdigi CSS uyarlanmis */
.auth-modal-overlay .popup-middleware-bc {
  height: 100%;
  width: 100%;
  display: flex;
}
.auth-modal-overlay .popup-inner-bc {
  border-radius: 0;
  box-shadow: 0 0 5px 0 rgba(35, 35, 35, 0.1);
  opacity: 1;
  background: rgba(35, 35, 35, 1);
  margin: auto;
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
  animation: auth-modal-open 0.24s ease-in-out backwards;
}
@keyframes auth-modal-open {
  0%   { opacity: 0; transform: scale(0.98); }
  100% { opacity: 1; transform: scale(1);     }
}

/* Kapat X ikonu */
.auth-modal-overlay .e-p-close-icon-bc {
  text-align: center;
  width: 24px;
  height: 24px;
  color: rgba(255, 255, 255, 0.6);
  transition: color 0.24s ease;
  cursor: pointer;
  z-index: 99999;
  font-size: 20px;
  line-height: 24px;
  display: block;
  position: absolute;
  top: 11px;
  right: 11px;
  font-family: 'BetConstruct-Icons' !important;
  font-style: normal;
}
.auth-modal-overlay .e-p-close-icon-bc:hover {
  color: rgba(255, 255, 255, 0.95);
}

/* Icerik konteyner */
.auth-modal-overlay .entrance-popup-bc {
  height: 100%;
  position: relative;
}
.auth-modal-overlay .e-p-content-holder-bc,
.auth-modal-overlay .e-p-content-bc {
  height: 100%;
  position: relative;
}
.auth-modal-overlay .e-p-content-bc {
  flex-direction: column;
  padding-bottom: 0;
  display: flex;
  width: 100%;
}

/* Header (logo + Kayıt buton) */
.auth-modal-overlay .e-p-header-bc {
  width: 100%;
  height: 49px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
  z-index: 3;
  flex-shrink: 0;
  justify-content: space-between;
  align-items: center;
  padding-inline-start: 12px;
  padding-inline-end: 52px;
  display: flex;
}
.auth-modal-overlay .popup-t-logo-w-bc {
  align-items: center;
  height: 46px;
  display: flex;
  max-width: 100px;
}
.auth-modal-overlay .hdr-logo-bc {
  object-fit: contain;
  height: 100%;
  max-width: 100px;
  display: block;
}
.auth-modal-overlay .e-p-sections-bc {
  flex-shrink: 0;
  margin-inline-start: 3px;
}
.auth-modal-overlay .e-p-section-item-bc {
  vertical-align: top;
  cursor: pointer;
  margin-inline-end: 24px;
  display: inline-block;
}
.auth-modal-overlay .e-p-section-item-bc:last-child {
  margin: 0;
}

/* Body - form + slider + destek */
.auth-modal-overlay .e-p-body-bc {
  height: calc(100% - 49px);
  flex: auto;
  position: relative;
}
.auth-modal-overlay .entrance-form-bc {
  flex-direction: column;
  width: 100%;
  height: 100%;
  padding-top: 15px;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  will-change: scroll-position;
  -webkit-overflow-scrolling: touch;
  overflow: hidden auto;
}
.auth-modal-overlay .form-sign-bc {
  flex: auto;
  padding: 0 7px;
}

/* Baslık metinleri */
.auth-modal-overlay .sg-n-text-row-1-bc {
  width: 100%;
  color: rgba(255, 255, 255, 0.5);
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
}
.auth-modal-overlay .sg-n-text-row-2-bc {
  width: 100%;
  color: rgba(255, 255, 255, 1);
  text-transform: uppercase;
  margin-bottom: 15px;
  font-size: 18px;
  line-height: 20px;
  font-weight: 700;
}

/* Form itemleri */
.auth-modal-overlay .entrance-f-item-bc {
  margin-top: 15px;
}
.auth-modal-overlay .entrance-f-item-bc:first-child {
  margin-top: 0;
}
.auth-modal-overlay .form-control-bc {
  position: relative;
}
.auth-modal-overlay .form-control-label-bc {
  align-items: center;
  display: flex;
  position: relative;
  height: 52px;
}
.auth-modal-overlay .form-control-input-bc {
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  color: rgba(255, 255, 255, 0.9);
  background: rgba(255, 255, 255, 0.12);
  border-radius: 4px;
  transition: background 0.24s;
  padding: 20px 15px 4px;
  font-size: 14px;
  font-weight: 400;
  border: none;
  outline: none;
  font-family: inherit;
}
.auth-modal-overlay .form-control-input-bc:focus {
  background: rgba(255, 255, 255, 0.18);
}
.auth-modal-overlay .form-control-input-stroke-bc {
  display: none;
}
.auth-modal-overlay .form-control-title-bc {
  width: calc(100% - 30px);
  color: rgba(255, 255, 255, 0.4);
  text-align: start;
  padding: 0;
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  position: absolute;
  top: 10px;
  left: 15px;
  pointer-events: none;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

/* Checkbox: beni hatirla */
.auth-modal-overlay .checkbox-control-bc {
  display: block;
}
.auth-modal-overlay .checkbox-control-content-bc {
  display: flex;
  position: relative;
  align-items: center;
  cursor: pointer;
}
.auth-modal-overlay .checkbox-control-input-bc {
  opacity: 0;
  pointer-events: none;
  position: absolute;
}
.auth-modal-overlay .checkbox-control-icon-bc {
  text-align: center;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 4px;
  width: 16px;
  height: 16px;
  color: rgba(0, 2, 5, 1);
  transition: background 0.4s;
  flex-shrink: 0;
  font-size: 12px;
  line-height: 16px;
  font-family: 'BetConstruct-Icons' !important;
  font-style: normal;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.auth-modal-overlay .checkbox-control-input-bc:checked ~ .checkbox-control-icon-bc {
  background: rgba(0, 230, 0, 1);
}
.auth-modal-overlay .checkbox-control-text-bc {
  color: rgba(255, 255, 255, 0.7);
  flex: auto;
  font-size: 14px;
  line-height: 16px;
  margin-inline-start: 14px;
}

/* Aksiyon alanı (GIRIS + WalletConnect + veya) */
.auth-modal-overlay .entrance-form-actions-holder-bc {
  margin-top: 15px;
  margin-bottom: 15px;
  padding: 0 7px;
}
.auth-modal-overlay .entrance-form-action-item-bc {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 100%;
}

/* Butonlar */
.auth-modal-overlay .btn {
  width: 100%;
  height: 36px;
  color: rgba(255, 255, 255, 0.9);
  background: rgba(255, 255, 255, 0.15);
  border-radius: 4px;
  text-transform: uppercase;
  cursor: pointer;
  transition: color 0.24s, background 0.24s, border-color 0.24s;
  border: none;
  justify-content: center;
  align-items: center;
  padding: 0 20px;
  font-size: 12px;
  font-weight: 500;
  display: flex;
  font-family: inherit;
}
.auth-modal-overlay .btn > span {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.auth-modal-overlay .btn:hover {
  background: rgba(255, 255, 255, 0.28);
}
.auth-modal-overlay .btn.s-small {
  width: auto;
  height: 28px;
  padding: 0 15px;
}
.auth-modal-overlay .btn.register {
  color: rgba(0, 2, 5, 1);
  background: rgba(0, 230, 0, 1);
  padding: 0 8px;
  max-width: 84px;
  margin-inline-start: 12px;
}
.auth-modal-overlay .btn.register:hover {
  background: rgba(0, 179, 0, 1);
}
.auth-modal-overlay .btn.a-color {
  color: rgba(0, 2, 5, 1);
  background: rgba(255, 255, 255, 1);
}
.auth-modal-overlay .btn.a-color:hover {
  background: rgba(229, 229, 229, 1);
}

/* WalletConnect (veya) alani */
.auth-modal-overlay .connect-button-wrapper {
  position: relative;
}
.auth-modal-overlay .connect-button {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.auth-modal-overlay .connect-button-text {
  color: rgba(255, 255, 255, 0.6);
  text-transform: uppercase;
  text-align: center;
  margin: 16px 0;
  font-size: 14px;
  position: relative;
}
.auth-modal-overlay .connect-button-text::before,
.auth-modal-overlay .connect-button-text::after {
  content: "";
  background: rgba(255, 255, 255, 0.1);
  width: 42%;
  height: 1px;
  position: absolute;
  top: 6px;
}
.auth-modal-overlay .connect-button-text::before { left: 0; }
.auth-modal-overlay .connect-button-text::after  { right: 0; }
.auth-modal-overlay .wallet-btn {
  display: grid;
  grid-gap: 10px;
  grid-template-columns: 1fr;
  width: 100%;
}
.auth-modal-overlay .wallet-btn button {
  max-width: none;
  height: 36px;
  color: rgba(255, 255, 255, 0.9);
  background: rgba(255, 255, 255, 0.15);
  border-radius: 4px;
  cursor: pointer;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 20px;
  transition: background 0.24s;
}
.auth-modal-overlay .wallet-btn button:hover {
  background: rgba(255, 255, 255, 0.28);
}
.auth-modal-overlay #w3m-wc-logo path {
  fill: rgba(255, 255, 255, 0.9);
}

/* Sifremi unuttum */
.auth-modal-overlay .sg-n-forgot-password-text {
  color: rgba(255, 255, 255, 0.7);
  text-transform: uppercase;
  text-align: center;
  margin-top: 20px;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  padding: 0 7px;
}
.auth-modal-overlay .sg-n-forgot-password {
  transition: color 0.24s;
  cursor: pointer;
}
.auth-modal-overlay .sg-n-forgot-password:hover {
  color: rgba(255, 255, 255, 0.95);
}

/* Alt slider */
.auth-modal-overlay .form-sign-in-slider-wrapper {
  margin: 10px 0;
  padding: 0 7px;
}
.auth-modal-overlay .slider-bc {
  flex-shrink: 0;
  min-width: 0;
  position: relative;
  overflow: hidden;
  border-radius: 4px;
}
.auth-modal-overlay .sdr-item-holder-bc {
  cursor: pointer;
  position: relative;
  overflow: hidden;
  border-radius: 4px;
}
.auth-modal-overlay .sdr-item-bc {
  display: block;
  position: relative;
  overflow: hidden;
  border-radius: 4px;
}
.auth-modal-overlay .sdr-image-bc {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
  max-height: 220px;
}

/* Destek */
.auth-modal-overlay .live-chat-adviser-bc {
  width: 100%;
  padding: 20px 7px;
  color: rgba(255, 255, 255, 0.6);
  cursor: pointer;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  font-weight: 500;
  text-decoration: underline;
  display: flex;
}
.auth-modal-overlay .live-chat-adviser-bc > i {
  margin-inline-end: 12px;
  font-family: 'BetConstruct-Icons' !important;
  font-style: normal;
  font-size: 16px;
}

/* Ellipsis util */
.auth-modal-overlay .ellipsis {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

/* Kucuk mobil */
@media screen and (max-width: 360px) {
  .auth-modal-overlay .hdr-logo-bc { max-width: 75px; }
}

/* =====================================================
   REGISTER MODAL (kayit popup) - auth-modal-overlay ile
   ayni wrapper, ek olarak form icin ozel style'lar
   ===================================================== */

/* Header'daki GIRIS metin butonu (underline) */
.auth-modal-overlay .e-p-section-title-bc {
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.85);
  transition: color 0.24s ease;
  padding: 6px 0;
  font-size: 14px;
  font-weight: 500;
  text-decoration: underline;
  display: block;
  position: relative;
  cursor: pointer;
  background: transparent;
  border: 0;
}
.auth-modal-overlay .e-p-section-title-bc:hover {
  color: rgba(255, 255, 255, 1);
}

/* Kayit form yapisi */
.auth-modal-overlay .entrance-popup-bc.register {
  height: 100%;
  position: relative;
}
.auth-modal-overlay .entrance-popup-bc.register > .e-p-content-holder-bc {
  width: 100%;
  height: 100%;
}
.auth-modal-overlay .reg-form-block-bc {
  width: 100%;
  height: 100%;
}
.auth-modal-overlay .entrance-form-bc.registration {
  flex-direction: column;
  flex: auto;
  height: 100%;
  display: flex;
  position: relative;
  padding-top: 0 !important;
  overflow: visible !important;
}
.auth-modal-overlay .entrance-form-content-bc {
  flex: auto;
  width: 100%;
  overflow: hidden auto;
  will-change: scroll-position;
}
.auth-modal-overlay .reg-form-content {
  padding: 15px 7px 10px;
}
.auth-modal-overlay .reg-step-title-v-bc {
  width: 100%;
  color: rgba(255, 255, 255, 1);
  text-transform: uppercase;
  margin-bottom: 18px;
  margin-top: 10px;
  font-size: 16px;
  line-height: 18px;
  font-weight: 700;
}
.auth-modal-overlay .entrance-form-content-section-bc {
  width: 100%;
  margin-bottom: 10px;
}

/* Sms/e-mail dogrulama uyari kutusu */
.auth-modal-overlay .entrance-f-error-message-bc {
  color: rgba(255, 255, 255, 1);
  border-radius: 4px;
  background: rgba(255, 52, 73, 0.2);
  justify-content: center;
  padding: 8px 5px;
  font-size: 12px;
  display: flex;
  text-transform: uppercase;
  font-weight: 500;
}

/* Ulke select dropdown */
.auth-modal-overlay .form-control-bc.select {
  position: relative;
}
.auth-modal-overlay .form-control-select-bc {
  box-sizing: border-box;
  appearance: none;
  border: none;
  outline: none;
  width: 100%;
  height: 52px;
  color: rgba(255, 255, 255, 0.9);
  background: rgba(255, 255, 255, 0.12);
  border-radius: 4px;
  padding: 20px 30px 4px 15px;
  font-size: 14px;
  font-family: inherit;
  cursor: pointer;
}
.auth-modal-overlay .form-control-select-bc > option {
  background: rgba(35, 35, 35, 1);
  color: rgba(255, 255, 255, 0.9);
}
.auth-modal-overlay .form-control-icon-bc.bc-i-small-arrow-down {
  position: absolute;
  right: 14px;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  color: rgba(255, 255, 255, 0.6);
  font-family: 'BetConstruct-Icons' !important;
  font-style: normal;
  font-size: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}
.auth-modal-overlay .form-control-icon-bc.bc-i-small-arrow-down::before {
  content: "\e5cf";
  font-family: 'BetConstruct-Icons' !important;
}

/* Footer alani (sonraki + wallet + step indicator + destek) */
.auth-modal-overlay .reg-form-footer-bc {
  background: rgba(255, 255, 255, 0.05);
  flex-shrink: 0;
  padding: 10px 7px;
  width: 100%;
}
.auth-modal-overlay .entrance-form-actions-holder-bc.reg-ext-1 {
  justify-content: center;
  gap: 10px;
  max-width: 370px;
  margin: 0 auto;
  padding-top: 10px;
  display: flex;
}
.auth-modal-overlay .via-wallet-enabled .connect-button {
  margin-top: 10px;
  margin-bottom: 10px;
}

/* Adim gostergesi */
.auth-modal-overlay .steps-indicator {
  flex-shrink: 0;
  display: flex;
  gap: 4px;
  margin-top: 8px;
  padding: 0 7px;
}
.auth-modal-overlay .step-indicator {
  background: rgba(255, 255, 255, 0.1);
  flex: 1;
  height: 3px;
  border-radius: 2px;
}
.auth-modal-overlay .step-indicator-active {
  background: rgba(255, 255, 255, 0.7);
}

/* Filled input title yukari kayar */
.auth-modal-overlay .form-control-bc.filled .form-control-title-bc,
.auth-modal-overlay .form-control-bc.select.filled .form-control-title-bc {
  font-size: 11px;
  line-height: 15px;
  top: 6px;
  color: rgba(255, 255, 255, 0.6);
}