/* ================================
   Hostidex — SOGo Custom Login + Toolbar
   ================================ */

/* ---- Ayarlanabilir renkler ---- */
:root {
  --hx-toolbar-bg: #0b5cff;   /* md-toolbar arkaplan */
  --hx-toolbar-fg: #ffffff;   /* md-toolbar yazı/ikon rengi */
  --hx-page-bg: #f7f7f7;      /* Sol panel arkaplanı */
}
.sg-login {max-width:100%!important}
.sg-login-content {width:400px!important}
.sg-login-content .md-label {color:black!important}
.md-accent {background-color:#f7f7f7!important}
#login .md-fab {background-color:#009ba2!important}

/* ---- Global toolbar rengi (login sonrası) ---- */
md-toolbar.md-default-theme:not(.md-menu-toolbar),
md-toolbar:not(.md-menu-toolbar) {
  background-color: var(--hx-toolbar-bg) !important;
  color: var(--hx-toolbar-fg) !important;
}
md-toolbar .md-button, md-toolbar .md-icon-button, md-toolbar h1, md-toolbar h2, md-toolbar h3 {
  color: var(--hx-toolbar-fg) !important;
}

/* ---- LOGIN MAKYAJI ---- */
/* Body ve kök konteyner — login ekranında .hx-login-layout sınıfını JS ekleyecek */
body.hx-login-layout, html.hx-login-layout {
  height: 100%;
}
body.hx-login-layout {
  margin: 0;
  background: var(--hx-page-bg);
}

/* İki sütunlu yerleşim: solda içerik, sağda görsel */
.hx-login-shell {
  display: grid;
  grid-template-columns: minmax(420px, 560px) 1fr;
  grid-auto-rows: 100vh;
  min-height: 100vh;
}

/* Sol bölüm (logo + login alanı) */
.hx-left {
  display: flex;
  flex-direction: column;
  padding: 48px clamp(24px, 4vw, 64px);
  gap: 28px;
  background: var(--hx-page-bg);
  box-sizing: border-box;
}

/* Logo */
.hx-brand {
  width: 500px;
  max-width: 100%;
  height: auto;
}

/* #loginContent normalde küçük bir kutu gibi; tam genişlik/akışta gözüksün */
#loginContent {
  max-width: 720px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}

/* Alt metin bloğu (şifre sıfırla/dil/künye vs) — SOGo’nun varsayılan alt linkleri */
.hx-extras {
  margin-top: auto;
  opacity: .8;
  font-size: 14px;
}

/* Sağ bölüm: tam ekran arkaplan görsel */
.hx-right {
  position: relative;
  overflow: hidden;
  background: #f5f7fb url("/SOGo.woa/WebServerResources/img/hostidex-mail-yan-ekran.png") center center no-repeat;
  background-size: cover;
}

/* Mobil/Tablet uyum — sağ görseli gizleyip tek sütuna düşürür */
@media (max-width: 991.98px) {
  .hx-login-shell {
    grid-template-columns: 1fr;
  }
  .hx-right {
    display: none;
  }
  .hx-left {
    padding: 32px 20px;
  }
}