/*
 * built-with-badge.css — storefront "Built with WebCommander" badge (bottom-right pill).
 *
 * Site-scoped counterpart to editor-license.css (which holds the FEE-only license banners): this badge
 * renders on the PUBLIC storefront via <license:builtWithBadge/> (_builtWithBadge.gsp), so its CSS is
 * registered in ResourceList.fixedSiteNoCriticalCss — the storefront layout (sitepage.gsp) does NOT load
 * the FEE stylesheet, which is why the styles were previously inlined in the partial. Extracted here per
 * the GSP no-inline-CSS rule. The partial keeps only its small self-contained <script> (the storefront
 * does not load utility.js / feature JS).
 */

.wc-bw {
    position: fixed;
    right: 18px;
    bottom: 18px;
    z-index: 2147482000;
    display: flex;
    align-items: center;
    gap: 10px;
    height: 40px;
    padding: 8px 7px 8px 6px;
    background: #004156;
    color: #fff;
    border-radius: 6px;
    box-shadow: 0 4px 25px rgba(0, 0, 0, .30);
    font-family: 'Source Sans 3', 'Source Sans Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
    box-sizing: border-box;
    max-width: calc(100vw - 36px);
}

.wc-bw__main {
    display: flex;
    align-items: center;
    gap: 8px;
    text-decoration: none;
    color: inherit;
}

.wc-bw__logo {
    display: flex;
    flex: 0 0 auto;
    width: 26px;
    height: 26px;
}

.wc-bw__logo svg {
    display: block;
    width: 26px;
    height: 26px;
}

.wc-bw__labels {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.wc-bw__eyebrow {
    font-size: 10px;
    line-height: 8.4px;
    letter-spacing: 1.05px;
    text-transform: uppercase;
    font-weight: 700;
    color: #DDDDDD;
}

.wc-bw__brand {
    font-size: 13px;
    line-height: 13.44px;
    font-weight: 800;
    color: #fff;
}

.wc-bw__close {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 16px;
    height: 16px;
    padding: 0;
    background: transparent;
    border: 0;
    color: #BDBDBD;
    cursor: pointer;
}

.wc-bw__close svg {
    display: block;
}

/* !important keeps the close × chromeless on hover: storefront themes commonly style `button:hover` with a
   background/gradient, and the badge renders inside arbitrary tenant themes — this defeats that so no fill
   appears behind the ×. (Needs designer sign-off, same as the annotated overrides in editor-license.css.) */
.wc-bw__close:hover {
    color: #fff;
    background-color: transparent !important;
}