/* WOW brand mark: one source of truth for navigation, footer and admin shells.
   The artwork is transparent; the old CSS robot frame must not leak through it. */
:is(
  .brand-mark,
  .tm-brand-mark,
  .ta-brand-mark,
  .task-admin-brand-mark,
  .reserve-brand-mark,
  .rv-brand-mark
) {
  position: relative;
  background-color: transparent !important;
  background-image: url("./assets/wow-logo.webp?v=20260922-imgopt") !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
  border: 0 !important;
  border-radius: 50% !important;
  box-shadow: none !important;
  color: transparent !important;
  font-size: 0 !important;
  line-height: 0 !important;
  text-shadow: none !important;
  animation: none !important;
  overflow: visible !important;
}

/* wow-light-brand.css contains a more specific shorthand background for the
   KOL page. Match that specificity so the artwork also wins in the footer. */
body.team-page .tm-brand-mark,
body.team-page .tm-footer .tm-brand-mark {
  background: transparent url("./assets/wow-logo.webp?v=20260922-imgopt") center center / contain no-repeat !important;
  background-color: transparent !important;
}

/* The legacy marks are made from pseudo-elements and a literal “W”. */
:is(
  .brand-mark,
  .tm-brand-mark,
  .ta-brand-mark,
  .task-admin-brand-mark,
  .reserve-brand-mark,
  .rv-brand-mark
)::before,
:is(
  .brand-mark,
  .tm-brand-mark,
  .ta-brand-mark,
  .task-admin-brand-mark,
  .reserve-brand-mark,
  .rv-brand-mark
)::after,
:is(
  .brand-mark,
  .tm-brand-mark,
  .ta-brand-mark,
  .task-admin-brand-mark,
  .reserve-brand-mark,
  .rv-brand-mark
) > span {
  display: none !important;
  content: none !important;
}

/* Keep the artwork comfortably inside compact mobile headers. */
@media (max-width: 560px) {
  :is(.brand-mark, .tm-brand-mark, .ta-brand-mark, .task-admin-brand-mark, .reserve-brand-mark, .rv-brand-mark) {
    box-shadow: none !important;
  }
}