/*
 * Faktigo branding overlay for Zammad 7.2.2 (hilfe.faktigo.de).
 * Source: tls-infra apps/zammad/branding/. Injected into every HTML page by
 * faktigo-branding.conf (nginx sub_filter). Zammad itself is not modified.
 * Selectors checked against Zammad 7.2.2; re-check after a Zammad upgrade.
 */

/* 1. Hide "Powered by Zammad" (legacy desktop login + new mobile/desktop login) */
.poweredBy,
footer[data-zammad-target="LoginFooter"] {
  display: none !important;
}

/* 2. Mobile app is always dark: swap the product logo (dark "faktigo" wordmark)
 *    for the same logo with a white wordmark. Image replacement via padding +
 *    background works in every browser. Aspect ratio 132:32 = logo viewBox. */
[data-zammad-target="AppMobile"] img[data-zammad-target="CommonLogo"] {
  box-sizing: border-box;
  width: 14rem;
  height: calc(14rem * 32 / 132);
  max-height: none;
  padding-left: 14rem;
  background: url("/assets/faktigo/logo-on-dark.svg?v=1") center / contain no-repeat;
}

/* 3. Primary buttons in Faktigo blue (#004884, faktigo-ui --color-primary) */
[data-zammad-target="AppMobile"] [data-variant="submit"] > button {
  background-color: #004884 !important;
  color: #ffffff !important;
}
.fullscreen .btn--primary {
  background-color: #004884;
  border-color: #004884;
  color: #ffffff;
}
.fullscreen .btn--primary:hover,
.fullscreen .btn--primary:focus {
  background-color: #003a6b;
  border-color: #003a6b;
}