/* TurkAramaMotoru Pro - wp-login.php / kayıt sayfası */
:root{
  --tam-brand:#1E88E5;
  --tam-brand2:#00C2FF;
  --tam-text:#0b1b3a;
  --tam-muted:#5b6b86;
  --tam-line: rgba(11,27,58,.12);
  --tam-card:#ffffff;
  --tam-radius:18px;
  --tam-shadow: 0 18px 50px rgba(11,27,58,.14);
}

/* Arkaplan */
body.login{
  background:
    radial-gradient(900px 500px at 15% -10%, rgba(30,136,229,.18), transparent 55%),
    radial-gradient(900px 520px at 90% 0%, rgba(0,194,255,.16), transparent 52%),
    #f6f9ff;
}

/* Logo */
.login h1 a{
  background-image: url("../img/logo.svg") !important;
  background-size: contain !important;
  width: 300px !important;
  height: 70px !important;
  margin: 0 auto 14px !important;
}

/* Kutu */
.login #login{
  width: 360px;
  max-width: calc(100% - 32px);
  padding: 28px 0 0;
}
.login form{
  border-radius: var(--tam-radius) !important;
  border: 1px solid var(--tam-line) !important;
  box-shadow: var(--tam-shadow) !important;
  padding: 20px 20px 16px !important;
  background: var(--tam-card) !important;
}
.login form .input, .login input[type="text"]{
  border-radius: 14px !important;
  border: 1px solid var(--tam-line) !important;
  padding: 10px 12px !important;
}
.login form .input:focus{
  border-color: rgba(30,136,229,.55) !important;
  box-shadow: 0 0 0 4px rgba(30,136,229,.12) !important;
}
.login label{ color: var(--tam-muted) !important; }

/* Buton */
.wp-core-ui .button-primary{
  background: linear-gradient(90deg, var(--tam-brand), var(--tam-brand2)) !important;
  border: 0 !important;
  border-radius: 14px !important;
  font-weight: 800 !important;
  padding: 6px 14px !important;
  box-shadow: 0 10px 24px rgba(30,136,229,.18) !important;
}
.wp-core-ui .button-primary:hover{
  filter: brightness(1.02);
}

/* Linkler */
.login #nav a, .login #backtoblog a{
  color: var(--tam-muted) !important;
  text-decoration: none !important;
}
.login #nav a:hover, .login #backtoblog a:hover{
  color: var(--tam-text) !important;
}

/* Hata kutusu */
.login .message, .login #login_error, .login .success{
  border-left-color: var(--tam-brand) !important;
  border-radius: 14px !important;
  box-shadow: 0 10px 24px rgba(11,27,58,.06) !important;
}
