/* =========================================================
   Virtual Patient - Auth Page Custom Styles
   ========================================================= */

/* Background */
.auth-cover-bg {
  background: radial-gradient( circle at top right, rgba(105, 108, 255, 0.18), transparent 30% ), linear-gradient( 135deg, #f8faff 0%, #eef3ff 100% );
}

/* Illustration */
.auth-illustration {
  max-width: 85%;
  height: auto;
  object-fit: contain;
  transition: transform 0.3s ease;
}

  .auth-illustration:hover {
    transform: translateY(-4px);
  }

/* Form Container */
.authentication-bg {
  background-color: #ffffff;
}

/* Persian Typography */
body,
input,
button,
textarea,
select {
  font-family: 'Vazirmatn', sans-serif;
}

/* Better Persian Readability */
.form-control {
  text-align: right;
  font-size: 0.95rem;
}

/* Labels */
.form-label {
  font-weight: 500;
}

/* Login Title */
.authentication-wrapper h4 {
  font-weight: 700;
}

/* Description Text */
.authentication-wrapper p {
  line-height: 1.9;
}

/* Login Button */
.btn-primary {
  font-weight: 600;
}

/* Divider */
.divider-text {
  font-weight: 500;
}

/* Validation Messages */
.text-danger {
  font-size: 0.82rem;
}

/* RTL Form */
.auth-rtl,
.auth-rtl input,
.auth-rtl textarea,
.auth-rtl select {
  direction: rtl;
  text-align: right;
}

/* Password Input RTL Fix */
[dir="rtl"] .input-group-merge .input-group-text {
  border-radius: 0.375rem 0 0 0.375rem;
}

[dir="rtl"] .input-group-merge .form-control {
  border-radius: 0 0.375rem 0.375rem 0;
}

/* Responsive */
@media (max-width: 991px) {

  .authentication-bg {
    padding: 2rem !important;
  }

  .w-px-450 {
    width: 100% !important;
  }

  .authentication-bg {
    background: linear-gradient( 180deg, rgba(105,108,255,0.08) 0%, rgba(255,255,255,1) 40% );
  }
}

/* Hide Vuexy Brand */
.auth-cover-brand {
  display: none !important;
}

/* Remove Extra Top Padding */
.authentication-inner {
  padding-top: 0 !important;
}


/* =========================================
   Login RTL Text Alignment Fix
   ========================================= */

/* Welcome text */
[dir="rtl"] .authentication-wrapper h4,
[dir="rtl"] .authentication-wrapper > p,
[dir="rtl"] .authentication-wrapper .mb-6 > p {
  text-align: right;
}

/* Labels */
[dir="rtl"] .form-label {
  width: 100%;
  display: block;
  text-align: right !important;
}