/* =========================================================
   FORYA LOGIN • COMPLETE CSS v6.1
   SADECE giriş sayfasında çalışsın diye body class ile kilitlendi
========================================================= */

body.forya-login-page #account-login{
  padding: 28px 0 60px;
  background: #f6f7fb;
}

/* Kartı ortala */
body.forya-login-page #account-login > .row{ display:flex; justify-content:center; }
body.forya-login-page #account-login #content{ float:none !important; width:100% !important; }
body.forya-login-page #account-login .login-box > .col-sm-12{ max-width: 560px; }

/* Kart */
body.forya-login-page #account-login .well{
  background:#fff;
  border:1px solid rgba(0,0,0,.06);
  border-radius: 12px;
  box-shadow: 0 18px 45px rgba(0,0,0,.10);
  padding: 28px !important;
}

/* Başlık */
body.forya-login-page #account-login .title{
  text-align:center;
  font-size: 26px;
  font-weight: 800;
  margin: 0 0 14px;
  position: relative;
  padding-bottom: 12px;
}
body.forya-login-page #account-login .title:after{
  content:"";
  position:absolute;
  left:50%;
  transform: translateX(-50%);
  bottom:0;
  width: 92px;
  height: 3px;
  background:#e53935;
  border-radius: 3px;
}

/* Gereksiz tema açıklaması */
body.forya-login-page #account-login .well p{ display:none !important; }

/* Tema label’larını gizle */
body.forya-login-page #account-login label[for="input-email"],
body.forya-login-page #account-login label[for="input-password"]{
  display:none !important;
}

/* Input */
body.forya-login-page #account-login .login-form .form-control{
  height: 46px;
  border-radius: 10px;
  border: 1px solid #e6e6e6;
  box-shadow:none !important;
}

/* Google butonu */
body.forya-login-page #account-login .forya-google-btn{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  height: 42px;
  width: fit-content;
  padding: 0 16px;
  border-radius: 999px;
  border: 1px solid #e6e6e6;
  background:#fff;
  font-weight: 900;
  color:#111;
  text-decoration:none !important;
  margin: 10px auto 8px;
}
body.forya-login-page #account-login .forya-google-badge{
  width:20px;
  height:20px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid #e6e6e6;
  font-weight: 900;
  color:#ea4335;
}

/* Telefon / E-posta sekmeleri */
body.forya-login-page #account-login .forya-mode-tabs{
  display:flex;
  justify-content:center;
  gap:10px;
  margin: 10px 0 14px;
}
body.forya-login-page #account-login .forya-mode-btn{
  height: 36px;
  padding: 0 16px;
  border-radius: 12px;
  border: 1px solid #e6e6e6;
  background:#fff;
  font-weight: 900;
  font-size: 13px;
  color:#111;
  cursor:pointer;
}
body.forya-login-page #account-login .forya-mode-btn.active{
  background:#111;
  color:#fff;
  border-color:#111;
}

/* Kimlik inputu wrapper */
body.forya-login-page #account-login .forya-idwrap{
  position:relative;
  width:100%;
  max-width: 340px;
  margin: 0 auto 12px;
}
body.forya-login-page #account-login #input-email{
  width:100% !important;
  display:block !important;
  margin:0 auto !important;
}

/* +90 prefix */
body.forya-login-page #account-login .forya-prefix{
  position:absolute;
  left:10px;
  top:50%;
  transform:translateY(-50%);
  height:30px;
  display:none;
  align-items:center;
  gap:6px;
  padding:0 10px;
  border-radius: 10px;
  border:1px solid #e6e6e6;
  background:#fff;
  font-weight: 900;
  font-size: 12px;
  color:#111;
  white-space:nowrap;
}
body.forya-login-page #account-login .forya-idwrap.phone-mode .forya-prefix{ display:flex; }
body.forya-login-page #account-login .forya-idwrap.phone-mode #input-email{ padding-left: 88px !important; }

/* Bayrak */
body.forya-login-page #account-login .forya-flag{
  width:18px;
  height:12px;
  border-radius:2px;
  background: url("https://flagcdn.com/w20/tr.png") no-repeat center/cover;
  flex:0 0 auto;
}

/* Şifre wrapper + göster/gizle */
body.forya-login-page #account-login .forya-passwrap{
  position:relative;
  width:100%;
  max-width:340px;
  margin: 0 auto 12px;
}
body.forya-login-page #account-login #input-password{
  width:100% !important;
  display:block !important;
  margin: 0 auto !important;
  padding-right: 92px !important;
}
body.forya-login-page #account-login .forya-showpass{
  position:absolute;
  right:10px;
  top:50%;
  transform:translateY(-50%);
  height:32px;
  padding:0 12px;
  border-radius:10px;
  border:1px solid #e6e6e6;
  background:#fff;
  font-weight:900;
  font-size:12px;
  color:#111;
  cursor:pointer;
  user-select:none;
  font-family: inherit;
}

/* Oturum Aç butonu */
body.forya-login-page #account-login .buttons{ text-align:center !important; margin-top: 6px; }
body.forya-login-page #account-login .buttons .pull-right{
  float:none !important;
  width:100%;
  text-align:center !important;
  position:relative;
}
body.forya-login-page #account-login .btn.btn-primary{
  width: 220px;
  height: 44px;
  border-radius: 14px;
  font-weight: 900;
  border:0 !important;
  background:#111;
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  margin: 0 auto !important;
}
body.forya-login-page #account-login .btn.btn-primary.is-valid{ background:#16a34a !important; }
body.forya-login-page #account-login .btn.btn-primary:disabled{
  opacity:.55;
  cursor:not-allowed;
}

/* Tooltip */
body.forya-login-page #account-login .forya-tip{
  position:absolute;
  left:50%;
  transform:translate(-50%, -12px);
  bottom:100%;
  background:#111;
  color:#fff;
  font-size:12px;
  font-weight:800;
  padding:8px 10px;
  border-radius:10px;
  white-space:nowrap;
  opacity:0;
  pointer-events:none;
  transition: .15s ease;
  z-index:9999;
}
body.forya-login-page #account-login .forya-tip:after{
  content:"";
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  top:100%;
  border:6px solid transparent;
  border-top-color:#111;
}
body.forya-login-page #account-login .forya-tip.show{ opacity:1; }

/* Alt linkler chip */
body.forya-login-page #account-login .forya-links-wrap{
  margin-top: 14px !important;
  display:flex !important;
  justify-content:center !important;
  gap:12px !important;
  flex-wrap:wrap;
}
body.forya-login-page #account-login .forya-links-wrap a{
  display:inline-block !important;
  padding: 7px 14px !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  border-radius: 10px !important;
  background:#f3f3f3 !important;
  color:#444 !important;
  border:1px solid #e5e5e5 !important;
  text-decoration:none !important;
}
body.forya-login-page #account-login .forya-links-wrap a:hover{ background:#e9e9e9 !important; }

/* Mobil */
@media (max-width: 575px){
  body.forya-login-page #account-login .btn.btn-primary{
    width: 170px !important;
    height: 38px !important;
    border-radius: 12px !important;
    font-weight: 800 !important;
    font-size: 12.5px !important;
  }
  body.forya-login-page #account-login .forya-idwrap,
  body.forya-login-page #account-login .forya-passwrap{ max-width: 100%; }
}