/* Custom login page styles for split layout */

/* Add position relative to enable pseudo-element */
.login-wrapper {
  position: relative !important;
}

/* Split layout for large screens - add right side background */
@media (min-width: 1200px) {
  .login-wrapper.bg-img::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    height: 100%;
    background-image: url(../img/authentication/login-bg02.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    z-index: 1;
  }
}

/* Ensure form content stays above the background image */
.login-wrapper.bg-img .login-content {
  background: rgba(255, 255, 255, 0.8) !important;
  backdrop-filter: blur(17px);
  position: relative;
  z-index: 2;
}

/* For medium screens, keep the original layout */
@media (max-width: 1199.98px) {
  .login-wrapper.bg-img .login-content {
    background: rgba(255, 255, 255, 0.8) !important;
    backdrop-filter: blur(17px);
  }
}