/*
 * BC Tresor branding for the Passbolt server pages (pwa.brinkhoff.io).
 * Injected into every HTML page by the vHost on bc-kvm (see server/apache-pwa-branding.conf).
 * Passbolt's own logo files are replaced by the vHost as well; this covers the inlined SVG logo.
 */

/* Accent color (buttons, links, focus): BC cyan instead of Passbolt blue.
   html:root outranks the theme's :root, which is loaded later by Passbolt's stylesheet manager. */
html:root {
  --Palette-Contrast-1: #00ADEF;
}

/* Inlined Passbolt logo -> BC Tresor logo (dark themes: see bc-tresor.js) */
.logo-svg svg {
  display: none !important;
}

.logo-svg {
  width: 20rem;
  max-width: 100%;
  height: 3.5rem;
  margin: 0 auto;
  background: url("/img/logo/logo.svg") no-repeat center / contain;
}

html.bc-tresor-dark .logo-svg {
  background-image: url("/img/logo/logo_white.svg");
}

/* "Community Edition (free)" and the Passbolt links */
footer.footer {
  display: none !important;
}

/* Install page: store badges of the official Passbolt extension/app */
.install-extension a > img {
  display: none !important;
}

/* Passbolt cuts checkbox labels to one line with an ellipsis; the German terms sentence
   ("… Bedingungen und die Datenschutzrichtlinie") is longer than the form */
.input.checkbox input[type="checkbox"] + label[for="checkbox-terms"] {
  white-space: normal;
  overflow: visible;
  text-overflow: clip;
  height: auto;
}