/* OGUser-matching fonts — replaces broken /cf-fonts/ paths on self-hosted copies */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Orbitron&family=Poppins:ital,wght@0,400;0,500;0,600;0,700&family=Roboto+Condensed:wght@400;500;600;700&family=Roboto:wght@400;500&display=swap');

html,
body {
  font-family: 'Inter', 'Poppins', 'Helvetica Neue', Helvetica, Roboto, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', sans-serif !important;
  text-rendering: optimizeLegibility !important;
}

.usernamefont,
.usernamefont span,
.usernamefont span[style] {
  font-family: 'Roboto Condensed', 'Roboto', sans-serif !important;
}

.custom-nav_inner,
.thead,
.tcat,
.navbox,
.breadcrumb,
input,
button,
select,
textarea {
  font-family: 'Poppins', 'Helvetica Neue', Helvetica, Roboto, sans-serif !important;
}

/* Market rows — keep category on the right like oguser.com */
.wrapped .col_row_profile.whole.market-row,
.wrapped .col_row_profile.whole[style*="padding-bottom: 15px"],
.wrapped .col_row_profile.whole[style*="padding-bottom:15px"] {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px;
}

.wrapped .market-row .market-offer,
.wrapped .col_row_profile.whole .flexgrow[style*="font-weight:600"] {
  flex: 1 1 auto;
  min-width: 0;
}

.wrapped .market-row .market-category,
.wrapped .col_row_profile.whole > div[style*="font-size:12px"] {
  flex: 0 0 auto;
  white-space: nowrap;
  text-align: right;
}