html, body {
    /* Yatay taşmayı tamamen engeller */
    overflow-x: hidden;
}

/* Sayfanın ve ana sarmalayıcının tüm yüksekliği kaplamasını sağlar */
html, body {
    height: 100%;
    margin: 0;
    padding: 0;
}

.login-wrap {
    min-height: 100vh; /* Viewport yüksekliği kadar olmasını garantiler */
}

.row.g-0 {
    background: linear-gradient(rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), url('/Themes/Sanovel_MRP_Template/vendors/images/sanovelFabrika.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.image-section {
    background: none; 
}

/* SAĞ TARAF (Form Bölümü) */
.form-section {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh; /* Mobil görünümde tam ekran olması için */
}

.login-box {
    width: 100%;
    padding: 40px 20px;
    margin: 0;
    box-shadow: none;
    border-radius: 0;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    float: right;
}

.login-title {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1.5rem; /* Logo ile form arasına boşluk ekler */
}

/* Custom Buton Stili */
.btn-login {
    background-color: #0d3bc0;
    border-color: #0d3bc0;
    width: 100%;
}

.btn-login:hover {
    background-color: #0b2f9a;
    border-color: #0b2f9a;
    filter: brightness(0.95); /* Alternatif hover efekti */
}

/* Logo ve sloganın bulunduğu alanı ortalamak için */
.login-title {
    text-align: center;
    margin-bottom: 25px; /* Logo ile form arasında boşluk bırakır */
    display:flex;
    flex-direction:column;
}

/* Slogan için özel stiller */
.login-slogan {
    margin-top: 15px;
    font-size: 1rem;
    color: #0d3bc0;
    font-weight: 500;
}