/* Zinthos branding for the Converse web client.
   Overrides the stock Converse logo/wordmark without editing converse.min.js. */

/* Hide the bundled Converse logo SVG, its wordmark and the byline. */
.conversejs .brand-heading .converse-svg-logo,
.conversejs converse-brand-logo .converse-svg-logo,
.brand-heading .converse-svg-logo {
    display: none !important;
}
.conversejs .brand-heading .brand-name__text,
.conversejs .brand-heading .byline,
.brand-heading .brand-name__text,
.brand-heading .byline {
    display: none !important;
}

/* Zinthos sigil, replacing the logo slot. */
.brand-heading .brand-name-wrapper::before {
    content: "";
    flex: none;
    align-self: center;
    width: 1.4em;
    height: 1.4em;
    margin-inline-end: .2em;
    background: url("/assets/zinthos-mark.svg") center / contain no-repeat;
    filter: drop-shadow(0 0 8px rgba(167, 139, 250, 0.6));
}

/* Wordmark + tagline, replacing the "converse.js / messaging freedom" text. */
.brand-heading .brand-name::before {
    content: "zinthos";
    font-size: 1.4em;
    font-weight: 600;
    letter-spacing: .02em;
    line-height: 1.05;
    color: #a78bfa;
}
.brand-heading .brand-name::after {
    content: "build · hack · mod";
    font-size: .3em;
    letter-spacing: .16em;
    text-transform: uppercase;
    opacity: .55;
    margin-top: .3em;
    color: #9c8cb5;
}