/*
 * Custom branding CSS for Password Vault.
 * Hides Vaultwarden/Bitwarden logos and replaces with branded text.
 * Loaded via <link> in index.html after vaultwarden.css.
 */

/* ===== HEADER LOGO (bit-svg with inline Vaultwarden SVG) ===== */

/* Hide the inline SVG logo rendered by Angular's <bit-svg> component */
header bit-svg,
header bit-svg svg,
header a[href="#/"] bit-svg {
    display: none !important;
}

/* Replace with branded text */
header a[href="#/"] {
    display: flex !important;
    align-items: center;
    font-size: 22px;
    font-weight: 700;
    color: #ffffff !important;
    text-decoration: none !important;
    letter-spacing: -0.3px;
    font-family: -apple-system, "Segoe UI", Roboto, sans-serif;
}
header a[href="#/"]::before {
    content: "Password Vault";
}

/* ===== STATIC LOADING LOGO (shown before Angular boots) ===== */

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

/* Loading screen replacement */
.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: 24px;
    font-weight: 700;
    color: #ffffff;
    letter-spacing: -0.3px;
    font-family: -apple-system, "Segoe UI", Roboto, sans-serif;
}

/* ===== Hide decorative illustrations (bottom corners) ===== */
.tw-opacity-\[\.11\] {
    display: none !important;
}

/* ===== KILL ALL onboarding / extension promo pages — PERMANENTLY ===== */
vault-browser-extension-prompt-install,
vault-manually-open-extension,
vault-browser-extension-prompt,
vault-add-extension-later-dialog,
vault-add-extension-videos,
vault-setup-extension,
app-onboarding-task,
app-onboarding,
app-vault-onboarding {
    display: none !important;
    height: 0 !important;
    overflow: hidden !important;
    visibility: hidden !important;
}
/* Force redirect away from setup-extension route if user lands on it */
vault-setup-extension::before {
    content: "Redirecting...";
    display: block !important;
    visibility: visible !important;
}

/* ===== Hide Card, Identity, SSH key from UI ===== */

/* Sidebar filters — hide by icon class */
*:has(> .bwi-credit-card),
*:has(> .bwi-id-card),
*:has(> .bwi-key),
*:has(> i.bwi-credit-card),
*:has(> i.bwi-id-card),
*:has(> i.bwi-key) {
    display: none !important;
}

/* "+ New" dropdown menu — hide Card, Identity, SSH key buttons */
button[bitmenuitem]:has(.bwi-credit-card),
button[bitmenuitem]:has(.bwi-id-card),
button[bitmenuitem]:has(.bwi-key) {
    display: none !important;
}

/* ===== SIDEBAR LOGO (after login, left nav) ===== */
bit-nav-logo {
    display: none !important;
}