/*
 * Custom CSS for Vaultwarden — rebrand by hiding Bitwarden logos
 * and replacing with generic text. This file is mounted at:
 *   /web-vault/css/vaultwarden.css
 *
 * Vaultwarden auto-includes it via <link> in index.html.
 *
 * NOTE: This overrides the DEFAULT vaultwarden.css that ships
 * with the image. We replace logos with a neutral label.
 */

/* ----- Hide Bitwarden logos (login, sidebar, header) ----- */

/* Login page logo */
img.new-logo-themed,
img[alt="Vaultwarden"],
img[alt="Bitwarden"] {
    display: none !important;
}

/* Replace with generic text via ::after on parent container */
.tw-pt-5.tw-px-5.tw-fixed {
    display: flex !important;
    align-items: center;
    padding: 20px 24px !important;
}
.tw-pt-5.tw-px-5.tw-fixed::after {
    content: "Password Vault";
    font-size: 22px;
    font-weight: 700;
    color: #175DDC;
    letter-spacing: -0.3px;
}

/* Hide background illustrations on login page */
.tw-opacity-\[\.11\] {
    display: none !important;
}

/* ----- Navigation / sidebar logo ----- */

/* Bitwarden logo in the top-left navigation */
bit-icon > svg,
.logo > img,
.bwi-shield::before {
    visibility: hidden;
}

/* ----- Footer / powered-by ----- */

/* Hide "A modified implementation of the Bitwarden server" footer text */
.footer,
app-footer,
.tw-text-muted.tw-text-sm {
    visibility: hidden;
}

/* ----- Page title override ----- */

/* The <title> says "Vaultwarden Web" - can't override via CSS,
   but we can hide it in the tab via a trick if needed.
   For a proper title change, use env var:
   ADMIN_PANEL > General Settings > Name (in /bw/admin) */