/* SOFBAC PASS CLEAN BRAND V9 */

/*
 * We do NOT replace any Vaultwarden application assets.
 * We only visually replace the static top-left brand.
 */

body.layout_frontend
div.tw-fixed.tw-pt-5.tw-px-5 {
    display: flex !important;
    align-items: center !important;
    gap: 11px !important;
    z-index: 50 !important;
}

/* Keep the element in DOM but hide the original visual logo */
body.layout_frontend
div.tw-fixed.tw-pt-5.tw-px-5
img.new-logo-themed {
    display: none !important;
}

/* Official SOFBAC Pass icon */
body.layout_frontend
div.tw-fixed.tw-pt-5.tw-px-5::before {
    content: "";
    display: block;
    width: 42px;
    height: 42px;

    background-image:
      url("/images/sofbac-pass-v9.png?v=9");

    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

/* SOFBAC PASS name */
body.layout_frontend
div.tw-fixed.tw-pt-5.tw-px-5::after {
    content: "SOFBAC PASS";
    display: block;

    color: #111827;
    font-size: 16px;
    font-weight: 800;
    letter-spacing: .06em;
    white-space: nowrap;
}