/* Prozessvogel / Riedemann & Partner - Vaultwarden Custom Theme */

/* ── Logo ersetzen ── */
bit-landing-header bit-icon,
bit-landing-header bit-icon svg {
  display: none !important;
}
bit-landing-header a {
  font-size: 22px !important;
  font-family: system-ui, -apple-system, sans-serif !important;
  font-weight: 700 !important;
  color: #465fff !important;
  text-decoration: none !important;
}
bit-landing-header a::before {
  content: "Passwort-Tresor" !important;
  display: block !important;
}
img.new-logo-themed,
img[alt="Vaultwarden"] {
  display: none !important;
}

/* ── "Konto erstellen" ausblenden ── */
a[href*="register"],
a[href*="signup"],
a[routerlink*="register"] {
  display: none !important;
}

/* ── Sidebar-Logo (eingeloggt) ── */
bit-nav-logo bit-nav-item a::before {
  background-image: none !important;
  content: "Tresor" !important;
  font-size: 16px !important;
  font-family: system-ui, -apple-system, sans-serif !important;
  font-weight: 700 !important;
  color: white !important;
  display: flex !important;
  align-items: center !important;
  height: 32px !important;
}

/* ── Checkbox: nur Farbe anpassen, Größe/Form nativ lassen ── */
input[type="checkbox"] {
  accent-color: #465fff !important;
}
input[type="checkbox"]:checked {
  background-color: #465fff !important;
  border-color: #465fff !important;
}
input[type="checkbox"]::before {
  border-color: #9ca3af !important;
}
input[type="checkbox"]:checked::before {
  border-color: #465fff !important;
  background-color: #465fff !important;
}

/* ── Primary Buttons ── */
button[type="submit"],
[class*="tw-bg-primary-600"] {
  background-color: #465fff !important;
}
button[type="submit"]:hover,
[class*="tw-bg-primary-600"]:hover,
[class*="hover\:tw-bg-primary-700"]:hover {
  background-color: #3a50d9 !important;
}

/* ── Text/Links ── */
[class*="tw-text-primary-600"] {
  color: #465fff !important;
}
[class*="tw-text-primary-700"] {
  color: #3a50d9 !important;
}

/* Focus/Ring/Border */
[class*="tw-ring-primary"] {
  --tw-ring-color: #465fff !important;
}
[class*="tw-border-primary-600"] {
  border-color: #465fff !important;
}

/* ── Hintergrund ── */
body.layout_frontend {
  background-color: #f8f9fc !important;
}

/* Illustrationen dezenter */
[class*="tw-opacity-"] svg {
  opacity: 0.04 !important;
}

/* Footer ausblenden */
app-frontend-layout .tw-text-center,
bit-landing-layout footer {
  display: none !important;
}