/*
 * Header component boundary.
 * This file is intentionally loaded last so page-level typography and control
 * rules cannot resize the shared navigation.
 */
#welbit-site-header.site-header {
  contain: style;
  width: auto !important;
  height: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  font-family: "Manrope", Arial, Helvetica, sans-serif !important;
  font-size: 16px !important;
  font-style: normal;
  font-weight: 400 !important;
  line-height: normal !important;
  letter-spacing: 0 !important;
  text-align: left;
  text-transform: none;
}

#welbit-site-header.site-header,
#welbit-site-header.site-header *,
#welbit-site-header.site-header *::before,
#welbit-site-header.site-header *::after {
  box-sizing: border-box;
}

#welbit-site-header.site-header,
#welbit-site-header.site-header * {
  font-family: "Manrope", Arial, Helvetica, sans-serif !important;
  letter-spacing: 0 !important;
}

#welbit-site-header.site-header :where(a, button, input, select, textarea, option) {
  font-family: "Manrope", Arial, Helvetica, sans-serif !important;
  font-style: normal;
  letter-spacing: 0 !important;
}

#welbit-site-header.site-header :where(h1, h2, h3, h4, h5, h6, p, ul, ol) {
  margin: 0;
}

#welbit-site-header.site-header :where(ul, ol) {
  padding: 0;
  list-style: none;
}

#welbit-site-header.site-header :where(a) {
  text-decoration: none;
}

#welbit-site-header.site-header :where(img, svg) {
  max-width: none;
}

#welbit-site-header.site-header .exchange-header {
  border: 0 !important;
}

#welbit-site-header.site-header .exchange-header :is(.logo, .logo-mark) {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

#welbit-site-header.site-header .exchange-header .logo-mark img {
  display: block;
  width: 32px !important;
  height: 32px !important;
  object-fit: contain;
  filter: none !important;
}

/* Desktop navigation typography is owned by the component. */
@media (min-width: 1331px) {
  #welbit-site-header.site-header .exchange-header {
    font-family: "Manrope", Arial, Helvetica, sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: normal !important;
    letter-spacing: 0 !important;
  }

  #welbit-site-header.site-header .exchange-header .logo-name {
    font-size: 16px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
  }

  #welbit-site-header.site-header :is(.welbit-nav-link, .welbit-nav-item, .welbit-nav-trigger .nav-label) {
    font-size: 13px !important;
    font-weight: 650 !important;
    line-height: 1 !important;
  }

  #welbit-site-header.site-header .welbit-nav-link > span {
    font-size: inherit !important;
    line-height: inherit !important;
  }

  #welbit-site-header.site-header .welbit-menu-kicker {
    font-size: 12px !important;
    font-weight: 650 !important;
    line-height: 1.2 !important;
    text-transform: uppercase !important;
  }

  #welbit-site-header.site-header :is(.welbit-route-copy strong, .welbit-compact-link strong) {
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
  }

  #welbit-site-header.site-header :is(.welbit-route-copy small, .welbit-compact-link small) {
    font-size: 12.5px !important;
    font-weight: 500 !important;
    line-height: 1.45 !important;
  }

  #welbit-site-header.site-header .welbit-market-tabs button {
    font-size: 14px !important;
    font-weight: 650 !important;
  }

  #welbit-site-header.site-header .welbit-market-all {
    font-size: 12px !important;
    font-weight: 600 !important;
  }

  #welbit-site-header.site-header .welbit-market-list strong {
    font-size: 13.5px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
  }

  #welbit-site-header.site-header :is(.welbit-market-list strong small, .welbit-market-list a > span > small) {
    font-size: 11.5px !important;
    line-height: 1.2 !important;
  }

  #welbit-site-header.site-header :is(.auth-actions .btn, .btn-primary.deposit-btn) {
    min-height: 36px !important;
    height: 36px !important;
    padding: 0 14px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
  }

  #welbit-site-header.site-header :is(.auth-actions .btn, .btn-primary.deposit-btn) > span {
    font-size: inherit !important;
    line-height: inherit !important;
  }

  #welbit-site-header.site-header .welbit-top-icon {
    width: 16px !important;
    height: 16px !important;
  }

  #welbit-site-header.site-header .welbit-nav-trigger .chev {
    width: 12px !important;
    height: 12px !important;
  }

  #welbit-site-header.site-header :is(.theme-toggle, .lang, .mobile-menu-btn) {
    width: 36px !important;
    min-width: 36px !important;
    height: 36px !important;
    min-height: 36px !important;
    padding: 0 !important;
    font-size: 16px !important;
    line-height: 1 !important;
  }

  #welbit-site-header.site-header .lang .lang-ico {
    width: 16px !important;
    height: 16px !important;
  }
}

#welbit-site-header.site-header .nav-tag {
  font-size: 10px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
}

/* Account controls and popovers retain their own scale on every page. */
#welbit-site-header.site-header .header-assets-trigger {
  font-size: 13px !important;
  font-weight: 700 !important;
}

#welbit-site-header.site-header .header-assets-summary-head,
#welbit-site-header.site-header .header-assets-actions a {
  font-size: 14px !important;
  font-weight: 700 !important;
}

#welbit-site-header.site-header .header-assets-total strong {
  font-size: 28px !important;
  font-weight: 750 !important;
  line-height: 1.1 !important;
}

#welbit-site-header.site-header .header-assets-total strong small {
  font-size: 14px !important;
}

#welbit-site-header.site-header .header-assets-total > span {
  font-size: 13px !important;
}

#welbit-site-header.site-header .header-assets-group-title {
  font-size: 12px !important;
  font-weight: 650 !important;
}

#welbit-site-header.site-header .header-account-link strong {
  font-size: 14.5px !important;
  font-weight: 700 !important;
}

#welbit-site-header.site-header .profile-account-copy :is(small, span) {
  font-size: 11px !important;
  line-height: 1.2 !important;
}

#welbit-site-header.site-header .profile-account-copy strong,
#welbit-site-header.site-header .profile-onboarding-head strong {
  font-size: 15px !important;
  font-weight: 750 !important;
}

#welbit-site-header.site-header .profile-onboarding-head span,
#welbit-site-header.site-header .profile-onboarding-head p {
  font-size: 12px !important;
}

#welbit-site-header.site-header .profile-onboarding-head p {
  line-height: 1.35 !important;
}

#welbit-site-header.site-header .profile-onboarding-step strong {
  font-size: 13.5px !important;
  font-weight: 700 !important;
}

#welbit-site-header.site-header .profile-onboarding-step small {
  font-size: 11.5px !important;
  line-height: 1.25 !important;
}

#welbit-site-header.site-header .profile-membership small {
  font-size: 11px !important;
}

#welbit-site-header.site-header .profile-membership strong {
  font-size: 14px !important;
  font-weight: 750 !important;
}

#welbit-site-header.site-header .profile-menu-links a {
  font-size: 13.5px !important;
  font-weight: 650 !important;
}

#welbit-site-header.site-header .profile-menu-links a > span {
  font-size: inherit !important;
  line-height: inherit !important;
}

#welbit-site-header.site-header .profile-menu-links em {
  font-size: 10px !important;
  font-weight: 750 !important;
}

#welbit-site-header.site-header .panel-title {
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
}

#welbit-site-header.site-header .panel-sub {
  font-size: 11px !important;
  font-weight: 500 !important;
  line-height: 1.3 !important;
}

/* Mobile drawer typography stays independent from page media queries. */
@media (max-width: 1330px) {
  #welbit-site-header.site-header .m-acc .m-slabel {
    font-size: 13px !important;
    font-weight: 950 !important;
    line-height: normal !important;
  }

  #welbit-site-header.site-header .m-theme-title {
    font-size: 16px !important;
    font-weight: 850 !important;
    line-height: 1.1 !important;
  }

  #welbit-site-header.site-header .m-theme-status {
    font-size: 14px !important;
    font-weight: 650 !important;
    line-height: 1.1 !important;
  }

  #welbit-site-header.site-header .m-buy-crypto-copy strong {
    font-size: 15px !important;
    line-height: 1.15 !important;
  }

  #welbit-site-header.site-header .m-buy-crypto-copy small {
    font-size: 12px !important;
    line-height: 1.25 !important;
  }

  #welbit-site-header.site-header .m-lang-label {
    font-size: 12px !important;
    font-weight: 900 !important;
  }

  #welbit-site-header.site-header .m-lang-current {
    font-size: 14px !important;
    font-weight: 900 !important;
  }

  #welbit-site-header.site-header :is(.m-lang-current-code, .m-lang-option .pill) {
    font-size: 11px !important;
    font-weight: 950 !important;
  }
}

#welbit-site-header.site-header .lang-item .pill {
  font-size: 11px !important;
  font-weight: 950 !important;
}