/* ============================
   Emlak Ofisi Giriş — Sayfa Özel CSS
   Scope: .eo-login-navy (header'dan bağımsız)
   ============================ */
:root{
  --brand:#0F212C; --brand-2:#0b1a24; --ink:#e9f3ff; --muted:#a9c0d4; --line:#183041;
  --card:#0f1b26; --chip:#102938; --ok:#12B886; --warn:#f59f00;
  --radius:16px; --shadow:0 18px 46px rgba(0,0,0,.35);
}

html, body { height: 100%; }
body{
  margin:0;
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  color: var(--ink);
  background: linear-gradient(180deg, #0b1a24, #071119);
}

/* Sayfa kapsayıcı */
.eo-login-navy{
  --brand:#0F212C;
  --ink:#e7eef6;
  --muted:#9db3c5;
  --surface:#0f1b26;
  --line:#162331;
  --white:#fff;

  --primary:#2A6BFF;
  --primary2:#1A4ED8;
  --ring:#2b5cff;

  --err:#ff6b6b; --ok:#12B886; --warn:#f59f00;

  --r:14px; --r-lg:20px;
  --shadow:0 16px 44px rgba(0,0,0,.35);

  --header-h: 60px;

  min-height: calc(100dvh - var(--header-h));
  padding: 28px 16px;
  display: grid;
  place-items: center;

  background:
    radial-gradient(900px 360px at 80% -10%, rgba(74,163,255,.10), transparent),
    radial-gradient(1200px 420px at 15% -15%, rgba(18,184,134,.10), transparent),
    var(--brand);

  color: var(--ink);
}

/* Kart */
.eo-shell{
  width: min(100%, 460px);
  background: linear-gradient(180deg, rgba(255,255,255,.02), transparent), var(--surface);
  border: 1px solid var(--line);
  border-radius: var(--r-lg);
  box-shadow: var(--shadow);
  padding: 22px 18px;
}

/* Başlık */
.eo-head{ text-align:center; margin-bottom:16px; }
.eo-title{
  margin:0 0 6px;
  font-size:1.5rem;
  font-weight:800;
  color:#fff;
}
.eo-sub{
  margin:0;
  font-size:.95rem;
  color:var(--muted);
}

/* Form */
.eo-form{ margin-top:10px; }
.eo-field{ margin:12px 0; }
.eo-label{
  display:block;
  font-weight:800;
  color:#cfe6ff;
  margin-bottom:6px;
  font-size:.95rem;
}

/* Input alanı */
.eo-input{ position:relative; display:flex; align-items:center; }
.eo-icon{
  position:absolute; left:12px;
  display:inline-flex; align-items:center; justify-content:center;
  color:#90a8bd;
  pointer-events:none;
}
.eo-control{
  width:100%;
  padding:.9rem 1rem .9rem 42px;
  border-radius:12px;
  border:1px solid var(--line);
  background:#0c1721;
  color:var(--ink);
  outline:none;
  transition:.15s border-color ease,.15s box-shadow ease,.15s background ease;
}
.eo-control::placeholder{ color:var(--muted); opacity:.9; }
.eo-control:focus{
  border-color:var(--ring);
  box-shadow:0 0 0 3px rgba(43,92,255,.25);
  background:#0d1b28;
}

/* Şifre göster/gizle butonu */
.eo-toggle{
  position:absolute; right:12px;
  background:none; border:0; cursor:pointer;
  color:#90a8bd;
  display:flex; align-items:center;
}

/* Bağlantılar */
.eo-links{ margin-top:6px; }
.eo-links--right{ text-align:right; }
.eo-link{
  color:#9ecbff;
  text-decoration:none;
  font-weight:800;
  font-size:.9rem;
}
.eo-link:hover{ text-decoration:underline; }

/* CTA Buton */
.eo-btn{
  width:100%;
  margin-top:14px;
  appearance:none;
  border:0;
  border-radius:12px;
  font-weight:900;
  color:var(--white);
  cursor:pointer;
  padding:.95rem 1rem;
  background:linear-gradient(180deg, var(--primary), var(--primary2));
  box-shadow:0 10px 26px rgba(42,107,255,.25);
  transition:transform .05s ease, filter .15s ease, box-shadow .15s ease;
}
.eo-btn:hover{ filter:brightness(1.03); }
.eo-btn:active{ transform:translateY(1px); }
.eo-btn:focus-visible{ outline:none; box-shadow:0 0 0 3px rgba(43,92,255,.25); }
.eo-btn:disabled{ opacity:.6; cursor:not-allowed; }

/* Hata/mesaj alanı */
.eo-message{
  margin-top:10px;
  font-size:.92rem;
  color:var(--err);
  display:none;
}

/* Alt linkler */
.eo-extra{
  margin-top:14px;
  display:flex; gap:12px;
  flex-wrap:wrap; justify-content:center;
}
.eo-cta{
  margin-top:8px;
  text-align:center;
  color:var(--muted);
  font-size:.95rem;
}
.eo-cta a{
  color:#b9d8ff;
  text-decoration:none;
  font-weight:900;
}
.eo-cta a:hover{ text-decoration:underline; }

/* Danışman CTA butonu */
.eo-agent{
  margin-top:12px;
  text-align:center;
}
.eo-agent-btn{
  display:inline-block;
  padding:.75rem 1rem;
  border-radius:12px;
  border:1px solid #29445a;
  background:#0c1721;
  color:#d7e7f6;
  text-decoration:none;
  font-weight:800;
  font-size:.9rem;
  transition:box-shadow .15s ease, transform .05s ease, border-color .2s ease, background .2s ease;
}
.eo-agent-btn:hover{
  border-color:#3b5b77;
  box-shadow:0 10px 24px rgba(11,107,255,.12);
}
.eo-agent-btn:active{ transform:translateY(1px); }

/* Mobil uyum */
@media (max-width:520px){
  .eo-login-navy{ padding:22px 12px; }
  .eo-shell{ padding:12px 10px; } 
  .eo-title{ font-size:1.28rem; }
  .eo-label{ font-size:.9rem; }
  .eo-control{ padding:.85rem 1rem .85rem 42px; }
  .eo-agent-btn{
    width:auto;
    display:block;
    margin:0 auto;
    padding:.65rem 1rem;
    font-size:.85rem;
    border-radius:10px;
  }
}

/* ---------- 📱 Mobil tipografi: başlıklar 15px, diğer tüm metin 12px ---------- */
/* En sonda ve !important ile: mobilde net uygulanır. */
@media (max-width:520px){
  /* Varsayılan (diğer tüm metinler) 12px */
  .eo-login-navy,
  .eo-login-navy *{
    font-size:12px !important;
    line-height:1.4;
  }

  /* Başlıkları 15px */
  .eo-login-navy h1,
  .eo-login-navy h2,
  .eo-login-navy h3,
  .eo-login-navy h4,
  .eo-login-navy h5,
  .eo-login-navy h6,
  .eo-login-navy .eo-title{
    font-size:15px !important;
    line-height:1.25;
  }

  /* Placeholder yazıları 12px */
  .eo-login-navy input::placeholder,
  .eo-login-navy textarea::placeholder{ font-size:12px !important; }
  .eo-login-navy input::-webkit-input-placeholder{ font-size:12px !important; }
  .eo-login-navy input::-moz-placeholder{ font-size:12px !important; }
  .eo-login-navy input:-ms-input-placeholder{ font-size:12px !important; }
  .eo-login-navy input::-ms-input-placeholder{ font-size:12px !important; }
}