/* Only loaded on pages where the TrustBox is shown (see DisplayHooks::hookActionFrontControllerSetMedia) */

.ws-trustbox .trustpilot-widget a {
    color: #fff;
    font-size: .85em;
}

/* Desktop: sits in the theme's black header bar (nav.header-nav, displayTopUsp) */

.ws-trustbox--desktop {
    width: 260px;
}

header#header nav.header-nav div.usp_list {
    max-width: calc(100% - 185px - 260px);
}

/* Mobile: the theme hides nav.header-nav below md, so this bar renders in displayBanner instead.
   Background matches the header bar (_custom.scss: --native-color-black) */

.ws-trustbox--mobile {
    background: var(--native-color-black, #0A1433);
    padding: 6px 0;
}

.ws-trustbox--mobile .trustpilot-widget {
    margin: 0 auto;
    max-width: 280px;
}