/* =============================================
   lavit.io — Login Page Redesign
   ============================================= */

/* ---- Background ---- */
body {
  background: #071221 !important;
}

body::before {
  content: '';
  position: fixed;
  inset: 0;
  background:
    radial-gradient(ellipse at 20% 50%, rgba(17,109,255,0.15) 0%, transparent 50%),
    radial-gradient(ellipse at 80% 10%, rgba(56,153,236,0.08) 0%, transparent 40%);
  z-index: 0;
  pointer-events: none;
}

/* ---- Form area RTL ---- */
.leading-7 {
  direction: rtl !important;
  text-align: right !important;
  font-family: Arial, Helvetica, sans-serif !important;
}

/* ---- Primary colors ---- */
[class*="bg-custom-primary"] { background-color: #116dff !important; }
[class*="hover:bg-custom-primary"]:hover { background-color: #0058e0 !important; }
[class*="text-custom-primary"] { color: #116dff !important; }
[class*="border-custom-primary"] { border-color: #116dff !important; }

/* ---- Mobile ---- */
@media (max-width: 768px) {
  #lavit-hero {
    display: none !important;
  }

  #lavit-form {
    width: 100vw !important;
    height: auto !important;
    min-height: 100vh !important;
    padding: 48px 24px 40px !important;
    box-sizing: border-box !important;
    overflow-y: auto !important;
  }

  /* Outer flex container: let it wrap and grow */
  #lavit-form > div {
    width: 100% !important;
    max-width: 420px !important;
    margin: 0 auto !important;
  }
}