/* Bookies.zone vector wordmark. The SVG variant supplies the page's palette. */
body.bzn-section .bzn-wordmark,
#bz-classic .bza-wordmark,
.bzn-footer .bzn-footer-wordmark,
#bz-classic .bzn-footer .bzn-footer-wordmark {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  direction: ltr;
  min-width: 0;
  max-width: 100%;
  min-height: 44px;
  padding: 0;
  line-height: 1;
  letter-spacing: 0;
}

body.bzn-section .bzn-wordmark .bzn-brand-logo,
#bz-classic .bza-wordmark .bzn-brand-logo,
.bzn-footer .bzn-footer-wordmark .bzn-brand-logo,
#bz-classic .bzn-footer .bzn-footer-wordmark .bzn-brand-logo {
  display: block;
  flex: 0 1 auto;
  width: 230px;
  max-width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  border: 0;
  object-fit: contain;
}

@media (max-width: 767px) {
  body.bzn-section .bzn-wordmark .bzn-brand-logo,
  #bz-classic .bza-wordmark .bzn-brand-logo,
  .bzn-footer .bzn-footer-wordmark .bzn-brand-logo,
  #bz-classic .bzn-footer .bzn-footer-wordmark .bzn-brand-logo {
    width: 206px;
  }
}

/* The sponsor follows the current bookmaker's palette. */
body.bzn-section[data-bzn-brand="1xbet"] {
  --bzn-sponsor-bg: #edf7fe;
  --bzn-sponsor-border: #ccdde8;
  --bzn-sponsor-ink: #243847;
  --bzn-sponsor-accent: #0877bc;
}

body.bzn-section[data-bzn-brand="22bet"] {
  --bzn-sponsor-bg: #ecf8f8;
  --bzn-sponsor-border: #cce2d4;
  --bzn-sponsor-ink: #17484b;
  --bzn-sponsor-accent: #00808a;
}

body.bzn-section[data-bzn-brand="betwinner"] {
  --bzn-sponsor-bg: #edf8f2;
  --bzn-sponsor-border: #d1e1d6;
  --bzn-sponsor-ink: #174f3c;
  --bzn-sponsor-accent: #087451;
}

body.bzn-section[data-bzn-brand="melbet"] {
  --bzn-sponsor-bg: #fff9e6;
  --bzn-sponsor-border: #e8dcc0;
  --bzn-sponsor-ink: #26231b;
  --bzn-sponsor-accent: #a97900;
}

/* The sponsor is shown only with the mobile navigation, in every language. */
body.bzn-section .bzn-site-header .bzn-mobile-sponsor,
#bz-classic .bza-header .bzn-mobile-sponsor {
  display: none;
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  justify-self: end;
  gap: 4px;
  width: 140px;
  min-height: 56px;
  margin: 0;
  padding: 10px 16px;
  border: 1px solid var(--bzn-sponsor-border, #eadbb7);
  border-radius: 7px;
  background: var(--bzn-sponsor-bg, #fff9ec);
  color: var(--bzn-sponsor-ink, #493c24);
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1.2;
  text-align: center;
  text-decoration: none;
  text-shadow: none;
  letter-spacing: 0;
}

.bzn-mobile-sponsor .bzn-sponsor-label {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  color: inherit;
  font-size: 10px;
  font-weight: 400;
  white-space: nowrap;
}

.bzn-mobile-sponsor .bzn-sponsor-heart {
  font-size: 12px;
  line-height: 1;
}

.bzn-mobile-sponsor .bzn-sponsor-name {
  display: block;
  font-size: 12px;
  font-weight: 700;
  white-space: nowrap;
}

body.bzn-section .bzn-site-header .bzn-mobile-sponsor:hover,
#bz-classic .bza-header .bzn-mobile-sponsor:hover {
  border-color: var(--bzn-sponsor-accent, #b88e2e);
  background: var(--bzn-sponsor-bg, #fff9ec);
  color: var(--bzn-sponsor-ink, #493c24);
}

@media (max-width: 1023px) {
  body.bzn-section .bzn-site-header .bzn-mobile-sponsor,
  #bz-classic .bza-header .bzn-mobile-sponsor {
    display: flex;
  }
}
