:root {
  --brand-navy: #0d1b4c;
  --brand-navy-2: #14296a;
  --bg-soft: #f8f9fc;
}

/* ساختار کلی صفحه لاگین */
body.login-body {
  background: var(--bg-soft);
}

/* لایه‌بندی اصلی (با کلاس‌های خود قالب) */
.container-login100 {
  min-height: 100vh;
  display: flex;
  align-items: stretch;
}
.wrap-login100 {
  display: flex;
  width: 100%;
}

/* ستون فرم (سمت چپ در RTL، ولی ما می‌خوایم فرم سمت چپ و عکس سمت راست باشه) */
.login100-form {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  padding: 60px 40px;
}

/* جعبه داخلی فرم */
.main-login {
  width: 100%;
  max-width: 420px;
}

/* تیتر و توضیح بالای فرم */
.login-title {
  color: var(--brand-navy);
  font-weight: 800;
}

/* ورودی‌ها */
.input-group .form-control {
  border-radius: 10px !important;
  border-color: #ddd;
}
.input-group-text {
  background: #fff;
  border-color: #ddd;
}

/* دکمه ورود (پر) */
.btn-primary {
  background: var(--brand-navy) !important;
  border-color: var(--brand-navy) !important;
  color: #fff !important;
  border-radius: 10px;
  padding: 10px 14px;
  font-weight: 700;
}
.btn-primary:hover {
  background: var(--brand-navy-2) !important;
  border-color: var(--brand-navy-2) !important;
}

/* دکمه عضویت (Outline) */
.btn-success {
  background: transparent !important;
  color: var(--brand-navy) !important;
  border: 2px solid var(--brand-navy) !important;
  border-radius: 10px;
  padding: 10px 14px;
  font-weight: 700;
}
.btn-success:hover {
  background: var(--brand-navy) !important;
  color: #fff !important;
}

/* ستون تصویر سمت راست */
.login100-more {
  flex: 1;
  min-height: 100vh;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
}
.login100-more::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(13, 27, 76, 0.35); /* Overlay ظریف سورمه‌ای */
}

/* بنر مخصوص موبایل بالای فرم */
.login-mobile-banner {
  display: none;
  width: 100%;
  text-align: center;
  margin-bottom: 22px;
}
.login-mobile-banner img {
  width: 120px;
  opacity: .95;
}

/* ریسپانسیو */
@media (max-width: 992px) {
  .login100-form {
    padding: 48px 28px;
  }
}
@media (max-width: 768px) {
  /* عکس ستون راست در موبایل حذف می‌شود */
  .login100-more { display: none; }
  /* بنر ظریف بالا فعال می‌شود */
  .login-mobile-banner { display: block; }
  .container-login100 { align-items: flex-start; }
  .login100-form { padding: 32px 20px; }
}

/* لینک‌های متن کوچک (فراموشی رمز و…) */
a.small.text-muted:hover {
  color: var(--brand-navy) !important;
  text-decoration: underline;
}

/* لوگو */
.logo-img { max-height: 46px; }