/* === OunoApp Login Custom Styles (sadece SOL FORM) === */

/* Genel arka plan */
body {
  background: #ffffff;
}

/* Sol taraftaki form kutusunu biraz daralt ve ortala */
#app .w-lg-500px.mx-auto {
  max-width: 460px;
}

/* Başlık (Hoşgeldiniz.) */
#app .text-center.mb-10 h1 {
  font-size: 26px;
  font-weight: 400 !important; /* normal */
  color: #e40000; /* OUNO kırmızısı */
  margin-bottom: 6px;
}

#signInForm h1 {
    white-space: pre-line !important;
}


/* Altındaki küçük text */
#app .text-center.mb-10::after {
  content: "Başarıya giden yolda iş ortağınız...";
  display: block;
  margin-top: 6px;
  font-size: 13px;
  color: #666666;
}

/* Label'lar */
#app .form-label {
  font-size: 13px;
  font-weight: 600;
  color: #444444;
}

/* Input alanları */
#app #signInForm input[type="text"],
#app #signInForm input[type="email"],
#app #signInForm input[type="password"] {
  height: 44px;
  border-radius: 6px;
  border: 1px solid #dcdcdc;
  background-color: #f7f8fc;
  box-shadow: none;
}

/* Şifremi Unuttum linki */
#app #signInForm a {
  color: #e40000;
  font-size: 13px;
}

/* Giriş butonu */
#app #signInForm button[type="submit"],
#app #signInForm .btn-primary {
  height: 46px;
  background-color: #e40000;
  border-color: #e40000;
  border-radius: 4px;
  font-weight: 600;
}

#app #signInForm button[type="submit"]:hover,
#app #signInForm .btn-primary:hover {
  background-color: #b80000;
  border-color: #b80000;
}

/* Dil butonu (sol alttaki) */
#app .btn.btn-light.btn-sm {
  border-radius: 20px;
}


/*
.dx-device-desktop .dx-device-generic .row-fluid > div:last-child {
    background: url("/extras/media/auth-screens.png") no-repeat center center;
    background-size: cover;
    min-height: 100vh;
}


.dx-device-desktop .dx-device-generic .row-fluid > div:last-child {
    background-image: url("/extras/media/auth-screens.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain; 
    min-height: 100vh;
}

/* sağ taraf login görsel alanı 
.bgi-size-cover {
    background: url("../extras/media/bg-ouno.png") center center / cover !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

*/



div[class*="bgi-size-cover"] {
    background-image: url("/extras/media/auth-screens.png") !important;
    background-size: cover !important;
    background-position: center !important;
	background-repeat: no-repeat !important;
}


.dx-device-desktop .dx-device-generic .row-fluid > div:first-child {
    background: #ffffff !important;
}




/* içeriğin üstündeki beyaz katmanı kaldır */
.bgi-size-cover::before,
.bgi-size-cover::after {
    background: transparent !important;
}


.bgi-size-cover {
    background-color: transparent !important;
}


.bgi-attachment-fixed {
    background-attachment: unset !important;
}


/* === Şifremi Unuttum KIRMIZI === */
#app #signInForm a.link-primary,
#app #signInForm a.link-primary:hover {
    color: #E60000 !important;
    font-weight: 500;
    text-decoration: none !important;
}

/* === Alt menü: Yardım & İletişime Geç gizle === */
#app .d-flex.fw-semibold.text-primary.fs-base.gap-5 a:nth-child(2),
#app .d-flex.fw-semibold.text-primary.fs-base.gap-5 a:nth-child(3) {
    display: none !important; /* Yardım ve İletişime Geç */
}

/* === Alt menü: Hakkımızda kırmızı === */
#app .d-flex.fw-semibold.text-primary.fs-base.gap-5 a:first-child {
    color: #E60000 !important;
    text-decoration: none !important;
}

#app .d-flex.fw-semibold.text-primary.fs-base.gap-5 a:first-child:hover {
    color: #B80000 !important;
}



/* Sağdaki full image alanını gizle 
#app .bgi-size-cover {
    display: none !important;
}
*/


/* === LOGOYU SOLA (YAZININ ÜSTÜNE) TAŞI === 
#app img.img-fluid.pointer-events-none {
    position: absolute;
    left: 50%;
    top: 40px;
    transform: translateX(-50%);
    width: 240px !important;
    z-index: 10;
}
*/

/* Sol login container içeriği yukarı kaydır 
#app .w-lg-500px.mx-auto.d-flex.flex-stack {
    margin-top: 140px; 
}
*/

/* Sayfanın üstündeki orijinal logo img'sini gizle */
#app img.img-fluid.pointer-events-none {
  display: none !important;
}


/* Başlığın üstüne logo yerleştir */
#app .text-center.mb-10::before {
  content: "";
  display: block;
  width: 260px;               /* istediğin boyuta göre ayarla */
  height: 100px;              /* oranı tutturmak için kabaca */
  margin: 0 auto 16px auto;   /* ortala, altta boşluk bırak */
  background: url("/extras/media/logos/setxrm_logo_disi.webp")
              no-repeat center;
  background-size: contain;
}



#app .text-center.mb-10 {
  margin-top: 40px;  /* gerekirse oynarsın */
}