/* ========================================================================== 
   TEKTAR Native Login — v44.0.150
   Single login component for homepage + Hesabım. WooCommerce independent.
   ========================================================================== */
.tektar-native-login,
.tektar-native-login *{box-sizing:border-box}
.tektar-native-login{
  width:100%!important;
  max-width:720px!important;
  margin:0 auto!important;
  color:#12261a!important;
  font-family:"Helvetica Neue",Helvetica,Arial,sans-serif!important;
}
.tektar-native-login-title{
  margin:0 0 18px!important;
  padding:0!important;
  color:#11251a!important;
  font-size:24px!important;
  font-weight:800!important;
  line-height:1.15!important;
  letter-spacing:-.025em!important;
}
.tektar-native-login-form{display:grid!important;gap:15px!important;width:100%!important;margin:0!important;padding:0!important}
.tektar-native-login-field{display:grid!important;gap:7px!important;width:100%!important;margin:0!important;padding:0!important;color:#30473a!important;font-size:12px!important;font-weight:800!important;line-height:1.3!important}
.tektar-native-login-field>span:first-child{display:block!important;margin:0!important;padding:0!important}
.tektar-native-login input[type="text"],
.tektar-native-login input[type="password"]{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  height:46px!important;
  min-height:46px!important;
  max-height:46px!important;
  margin:0!important;
  padding:0 14px!important;
  border:1px solid rgba(13,111,61,.16)!important;
  border-radius:11px!important;
  outline:0!important;
  background:#f7fbf9!important;
  color:#13271b!important;
  font:600 14px/1.2 "Helvetica Neue",Helvetica,Arial,sans-serif!important;
  box-shadow:inset 0 1px 2px rgba(5,34,20,.025)!important;
  appearance:none!important;
  -webkit-appearance:none!important;
}
.tektar-native-login input[type="text"]:focus,
.tektar-native-login input[type="password"]:focus{
  border-color:#15934f!important;
  background:#fff!important;
  box-shadow:0 0 0 4px rgba(21,147,79,.09),inset 0 1px 2px rgba(5,34,20,.025)!important;
}
.tektar-password-control{position:relative!important;display:block!important;width:100%!important}
.tektar-password-control input[type="password"],
.tektar-password-control input[type="text"]{padding-right:50px!important}
.tektar-password-toggle{
  position:absolute!important;
  z-index:3!important;
  top:50%!important;
  right:7px!important;
  display:grid!important;
  place-items:center!important;
  width:34px!important;
  min-width:34px!important;
  height:34px!important;
  min-height:34px!important;
  margin:0!important;
  padding:0!important;
  transform:translateY(-50%)!important;
  border:0!important;
  border-radius:9px!important;
  background:transparent!important;
  color:#187343!important;
  box-shadow:none!important;
  cursor:pointer!important;
  appearance:none!important;
  -webkit-appearance:none!important;
}
.tektar-password-toggle:hover,.tektar-password-toggle:focus-visible{background:rgba(21,147,79,.08)!important;outline:0!important}
.tektar-password-toggle svg{display:block!important;width:21px!important;height:21px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.tektar-password-toggle .tektar-eye-closed{display:none!important}
.tektar-password-toggle[aria-pressed="true"] .tektar-eye-open{display:none!important}
.tektar-password-toggle[aria-pressed="true"] .tektar-eye-closed{display:block!important}

/* Hard isolation from legacy/global input rules that were stretching the checkbox. */
.tektar-native-remember{
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:9px!important;
  width:max-content!important;
  max-width:100%!important;
  min-height:26px!important;
  margin:0!important;
  padding:0!important;
  color:#31483a!important;
  font-size:12px!important;
  font-weight:700!important;
  line-height:1.2!important;
  cursor:pointer!important;
}
.tektar-native-remember input[type="checkbox"]{
  position:absolute!important;
  width:1px!important;
  min-width:1px!important;
  max-width:1px!important;
  height:1px!important;
  min-height:1px!important;
  max-height:1px!important;
  margin:0!important;
  padding:0!important;
  opacity:0!important;
  pointer-events:none!important;
  appearance:none!important;
  -webkit-appearance:none!important;
}
.tektar-native-checkmark{
  position:relative!important;
  flex:0 0 20px!important;
  display:grid!important;
  place-items:center!important;
  width:20px!important;
  height:20px!important;
  min-width:20px!important;
  min-height:20px!important;
  margin:0!important;
  padding:0!important;
  border:1.5px solid rgba(11,96,53,.34)!important;
  border-radius:6px!important;
  background:#fff!important;
  box-shadow:inset 0 1px 1px rgba(0,0,0,.02)!important;
}
.tektar-native-remember input:checked+.tektar-native-checkmark{
  border-color:#15934f!important;
  background:linear-gradient(135deg,#25ad65,#118848)!important;
  box-shadow:0 5px 12px rgba(17,136,72,.18)!important;
}
.tektar-native-remember input:checked+.tektar-native-checkmark::after{
  content:""!important;
  display:block!important;
  width:5px!important;
  height:9px!important;
  margin-top:-2px!important;
  border:solid #fff!important;
  border-width:0 2px 2px 0!important;
  transform:rotate(45deg)!important;
}
.tektar-native-remember input:focus-visible+.tektar-native-checkmark{box-shadow:0 0 0 4px rgba(21,147,79,.11)!important}
.tektar-native-login-submit{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-height:44px!important;
  margin:1px 0 0!important;
  padding:0 18px!important;
  border:0!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,#22aa61,#118847)!important;
  color:#fff!important;
  font-size:13px!important;
  font-weight:850!important;
  line-height:1!important;
  text-decoration:none!important;
  box-shadow:0 12px 25px rgba(10,128,65,.18),inset 0 1px 0 rgba(255,255,255,.22)!important;
  cursor:pointer!important;
  transition:transform .2s ease,box-shadow .2s ease,filter .2s ease!important;
  appearance:none!important;
  -webkit-appearance:none!important;
}
@media(hover:hover) and (pointer:fine){.tektar-native-login-submit:hover{transform:translateY(-2px)!important;filter:brightness(1.025)!important;box-shadow:0 16px 30px rgba(10,128,65,.23),inset 0 1px 0 rgba(255,255,255,.24)!important}}
.tektar-native-login-lost{display:inline-block!important;margin:15px 0 0!important;color:#334c3d!important;font-size:12px!important;font-weight:650!important;text-decoration:none!important}
.tektar-native-login-lost:hover{text-decoration:underline!important;color:#08763e!important}

/* Account center: same component, slightly more breathing room. */
.tektar-native-account-shell .tektar-native-login{max-width:760px!important}
.tektar-native-account-shell .tektar-native-login-title{font-size:25px!important}

/* Homepage: keep the exact same component language but compact. */
.tektar-scope-home .tektar-native-login{max-width:420px!important}
.tektar-scope-home .tektar-native-login-title{font-size:20px!important;margin-bottom:13px!important}
.tektar-scope-home .tektar-native-login-form{gap:11px!important}
.tektar-scope-home .tektar-native-login input[type="text"],
.tektar-scope-home .tektar-native-login input[type="password"]{height:40px!important;min-height:40px!important;max-height:40px!important;font-size:12px!important}
.tektar-scope-home .tektar-password-toggle{width:31px!important;min-width:31px!important;height:31px!important;min-height:31px!important}
.tektar-scope-home .tektar-native-login-submit{min-height:38px!important;font-size:12px!important}

@media(max-width:620px){
  .tektar-native-login-title{font-size:21px!important}
  .tektar-native-login input[type="text"],.tektar-native-login input[type="password"]{height:44px!important;min-height:44px!important;max-height:44px!important}
  .tektar-native-login-submit{min-height:43px!important}
}