/* Xplor brand accent for the SFTPGo web client (loaded via branding.web_client.extra_css). */
:root {
  --bs-primary: #6923f4;
  --bs-primary-rgb: 105, 35, 244;
  --bs-link-color: #6923f4;
  --bs-link-hover-color: #4f17c0;
}
.btn.btn-primary,
.btn.btn-primary:focus {
  background-color: #6923f4 !important;
  border-color: #6923f4 !important;
}
.btn.btn-primary:hover,
.btn.btn-primary:active {
  background-color: #4f17c0 !important;
  border-color: #4f17c0 !important;
}
.text-primary { color: #6923f4 !important; }

/* Login and 2FA pages: the template puts a fixed-height logo in a narrow col-5 next to the
   short name. Our logo is wide (about 2.6:1), so stack the logo above the name and size it by width. */
.row.align-items-center:has(> .col-5 > img[alt="Logo"]) > .col-5,
.row.align-items-center:has(> .col-5 > img[alt="Logo"]) > .col-7 {
  flex: 0 0 100%;
  max-width: 100%;
  text-align: center;
}
.row.align-items-center > .col-5 > img[alt="Logo"] {
  height: auto !important;
  width: 100%;
  max-width: 220px;
}
.row.align-items-center:has(> .col-5 > img[alt="Logo"]) h1 {
  margin: 1.25rem 0 0 0 !important;
}

/* Signed-in sidebar: keep the wide logo within the sidebar header. */
img[alt="Logo"].app-sidebar-logo-default {
  height: 28px !important;
  width: auto;
}