/*
 * Canonical Bracketbridge logo treatment across Data, participant,
 * booking and operations surfaces. Product names stay as context;
 * legacy circles, dots and typed substitutes do not.
 */
.brand img[src*="bracketbridge-mark"],
.brand img.brand-mark,
.brand img.booking-brand-image {
  display: block !important;
  content: url("/assets/bracketbridge-data-primary.png");
  width: 172px !important;
  height: auto !important;
  max-height: 46px;
  flex: 0 0 auto;
  object-fit: contain;
}

.brand .brand-mark:not(img),
.brand > .dot {
  display: block !important;
  width: 172px !important;
  height: 43px !important;
  min-width: 172px;
  border: 0 !important;
  border-radius: 0 !important;
  background: url("/assets/bracketbridge-data-primary.png") center / contain no-repeat !important;
  box-shadow: none !important;
}

.brand .brand-mark:not(img)::before,
.brand .brand-mark:not(img)::after,
.brand > .dot::before,
.brand > .dot::after {
  content: none !important;
  display: none !important;
}

.brand > img + .brand-name,
.brand > img + span:not(:has(small)),
.brand > img + strong,
.brand > .brand-mark + span:not(:has(small)),
.brand > .brand-mark + strong {
  display: none !important;
}

.brand > img + span:has(small) > strong:first-child,
.brand > .brand-mark + span:has(small) > strong:first-child {
  display: none !important;
}

.brand > img + .brand-context {
  display: inline-block !important;
  font-size: 0.82rem;
  font-weight: 600;
}

main.shell > header.topbar > a.brand {
  font-size: 0 !important;
}

.auth-boot-card img[src*="bracketbridge-mark"] {
  display: block !important;
  content: url("/assets/bracketbridge-data-primary.png");
  width: 190px !important;
  height: auto !important;
  max-height: 48px;
  object-fit: contain;
}

html[data-moderator-theme="dark"] .brand img[src*="bracketbridge-mark"],
html[data-moderator-theme="dark"] .brand img.brand-mark,
html[data-moderator-theme="dark"] .auth-boot-card img[src*="bracketbridge-mark"] {
  content: url("/assets/bracketbridge-data-solid-white.svg");
}

html[data-moderator-theme="dark"] .brand .brand-mark:not(img),
html[data-moderator-theme="dark"] .brand > .dot {
  background-image: url("/assets/bracketbridge-data-solid-white.svg") !important;
}

@media (max-width: 560px) {
  .brand img[src*="bracketbridge-mark"],
  .brand img.brand-mark,
  .brand img.booking-brand-image,
  .brand .brand-mark:not(img),
  .brand > .dot {
    width: 146px !important;
    min-width: 146px;
    height: auto !important;
    min-height: 37px;
  }

  .auth-boot-card img[src*="bracketbridge-mark"] {
    width: 164px !important;
  }
}