body[data-plugin-favicon-show-logo-only="true"] .logo-text,
body[data-plugin-favicon-show-logo-only="true"] .nav-brand a > span,
body[data-plugin-favicon-show-logo-only="true"] .brand > .nav-text,
body[data-plugin-favicon-show-logo-only="true"] .logo-icon-img {
    display: none !important;
}

body[data-plugin-favicon-show-logo-only="true"] .nav-brand a::before,
body[data-plugin-favicon-show-logo-only="true"] .brand::before {
    content: "";
    display: inline-block;
    width: 150px;
    height: 48px;
    background: url('/icons/logo.png') no-repeat center left;
    background-size: contain;
    vertical-align: middle;
}

body[data-plugin-favicon-show-logo-only="true"] .brand::before {
    margin-right: -150px; /* Offset the space so it behaves like the brand content */
}