/* bfmps: Keycloak-Login-Button auf der Postiz-Anmelde-/Registrierungsseite hervorheben.
   Eingebunden per nginx sub_filter (siehe /opt/postiz/custom/nginx.conf). Stand 15.09.2026 */

/* Label ueber dem Button */
div:has(+ div > div > div > img[alt="genericOauth"]) {
  font-size: 0 !important;
  margin-top: 28px !important;
  margin-bottom: 10px !important;
}
div:has(+ div > div > div > img[alt="genericOauth"])::after {
  content: "Anmeldung für das bfmps Team";
  font-size: 14px;
  opacity: .85;
}

/* Der Button selbst */
div:has(> div > img[alt="genericOauth"]) {
  background: #0F3A5C !important;
  color: #ffffff !important;
  height: 60px !important;
  border-radius: 10px !important;
  border: 1px solid rgba(255,255,255,.12);
  gap: 14px !important;
  font-weight: 600;
  box-shadow: 0 4px 14px rgba(0,0,0,.28);
  transition: background .15s, transform .1s;
}
div:has(> div > img[alt="genericOauth"]):hover { background: #14507a !important; }
div:has(> div > img[alt="genericOauth"]):active { transform: translateY(1px); }

/* Icon: bfmps-Bildmarke statt generischem OAuth-Symbol */
div:has(> div > img[alt="genericOauth"]) > div:first-child {
  width: 34px; height: 34px; flex: 0 0 34px;
  background: url("/bfmps-custom/icon.svg") center / contain no-repeat;
}
div:has(> div > img[alt="genericOauth"]) img[alt="genericOauth"] { display: none !important; }

/* Text: deutsch */
div:has(> div > img[alt="genericOauth"]) > div:last-child { font-size: 0 !important; line-height: 1; }
div:has(> div > img[alt="genericOauth"]) > div:last-child::after {
  content: "Anmelden mit bfmps Konto";
  font-size: 17px;
  letter-spacing: .01em;
}

/* Passwort-Login zuruecknehmen: Trenner + Formular kleiner, Submit-Button als Sekundaeraktion */
div:has(> div > div > img[alt="genericOauth"]) > div:nth-child(2) { margin-top: 28px !important; margin-bottom: 20px !important; }
div:has(> div > div > img[alt="genericOauth"]) > div:nth-child(2) div { font-size: 12px; opacity: .7; }
div:has(> div > div > img[alt="genericOauth"]) > div:nth-child(2) > div:last-child > div::after { content: " mit Passwort anmelden (Ausweichweg)"; }
form:has(img[alt="genericOauth"]) button[type="submit"] {
  background: transparent !important;
  border: 1px solid #798486 !important;
  color: inherit !important;
  height: 46px !important;
  opacity: .9;
}