/*
  Netuv Roundcube branding (update-safe)
  - Login background image: /skins/elastic/images/login-bg.jpg
  - Left menu small KP logo: /skins/elastic/images/kp-logo.png
  - Hide default (big) menu logo
*/

/* 1) LOGIN: background image */
body.task-login {
  background: url("/skins/elastic/images/login-bg.jpg") center center / cover no-repeat fixed !important;
}

/* make login layout background transparent so image is visible */
body.task-login #layout,
body.task-login #layout-content,
body.task-login #layout-content .content,
body.task-login #layout-content .login-box,
body.task-login #layout-content .login-box-inner {
  background: transparent !important;
}

/* optional: soften login card look */
body.task-login #layout-content .login-box {
  backdrop-filter: blur(2px);
}

/* LOGIN: replace default SVG logo with our transparent PNG */
body.task-login #layout-content .form-logo #logo {
  display: none !important;
}

body.task-login #layout-content .form-logo::before {
  content: "";
  display: block;
  width: 100%;
  max-width: 520px;
  height: 120px;
  margin: 0 auto 18px;
  background: url("/skins/elastic/images/kurumsal-posta-logo.png") center / contain no-repeat;
}

/* 2) LEFT MENU: hide default big logo (the one with id=logo) */
#layout-menu .popover-header > img#logo {
  display: none !important;
  visibility: hidden !important;
}

/* 3) LEFT MENU: show KP logo above menu items */
#layout-menu .popover-header::before {
  content: "";
  display: block;
  width: calc(100% - 20px);
  height: 36px;
  margin: 10px 10px 8px;
  background: url("/skins/elastic/images/kp-logo.png") center / contain no-repeat;
}

/* Login footer text color fix */
body.task-login #login-footer {
  color: #ffffff !important;
}

body.task-login #login-footer a {
  color: #ffffff !important;
  text-decoration: none;
}

body.task-login #login-footer a:hover {
  text-decoration: underline;
}