/* BudunOS market page variants
 * Body: bos-market-v-{id}
 * Shell: .mk-shell.bos-market
 */

body.bos-market-v-soft .bos-market {
  /* default soft — base styles live in advanced-marketplace market.css */
}

/* compact */
body.bos-market-v-compact .bos-market .mk-panel,
body.bos-market-v-compact .bos-market .mk-nav,
body.bos-market-v-compact .bos-market .mk-empty,
body.bos-market-v-compact .bos-market .card {
  border-radius: 12px;
}

body.bos-market-v-compact .bos-market .mk-top {
  margin-bottom: 10px;
}

body.bos-market-v-compact .bos-market .mk-nav {
  padding: 4px;
  margin-bottom: 14px;
  border-radius: 12px;
}

body.bos-market-v-compact .bos-market .mk-nav__item {
  padding: 7px 11px;
  font-size: 12px;
  border-radius: 8px;
}

body.bos-market-v-compact .bos-market .mk-panel__head {
  padding: 10px 12px;
}

body.bos-market-v-compact .bos-market .mk-side-nav li a {
  padding: 7px 10px;
  font-size: 12px;
  border-radius: 8px;
}

body.bos-market-v-compact .bos-market .mk-toolbar {
  margin-bottom: 10px;
}

body.bos-market-v-compact .bos-market .mk-search .form-control,
body.bos-market-v-compact .bos-market .mk-search-mobile .form-control {
  min-height: 38px;
  font-size: 13px;
}

/* glass */
body.bos-market-v-glass .bos-market .mk-panel,
body.bos-market-v-glass .bos-market .mk-nav,
body.bos-market-v-glass .bos-market .mk-empty,
body.bos-market-v-glass .bos-market .card {
  border-color: rgba(255, 255, 255, 0.65) !important;
  background: rgba(255, 255, 255, 0.72) !important;
  box-shadow:
    0 14px 40px -24px rgba(20, 24, 32, 0.18),
    inset 0 1px 0 rgba(255, 255, 255, 0.85) !important;
  backdrop-filter: blur(14px) saturate(1.3);
  -webkit-backdrop-filter: blur(14px) saturate(1.3);
}

body.bos-market-v-glass .bos-market .mk-panel__head {
  background: rgba(255, 255, 255, 0.45) !important;
  border-color: rgba(255, 255, 255, 0.55) !important;
}

body.bos-market-v-glass .bos-market .mk-search .form-control,
body.bos-market-v-glass .bos-market .mk-search-mobile .form-control {
  background: rgba(255, 255, 255, 0.55);
  border-color: rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(8px);
}

body.night-mode.bos-market-v-glass .bos-market .mk-panel,
body.night-mode.bos-market-v-glass .bos-market .mk-nav,
body.night-mode.bos-market-v-glass .bos-market .mk-empty,
body.night-mode.bos-market-v-glass .bos-market .card,
html[data-bs-theme="dark"].bos-market-v-glass .bos-market .mk-panel,
html[data-bs-theme="dark"].bos-market-v-glass .bos-market .mk-nav,
html[data-bs-theme="dark"].bos-market-v-glass .bos-market .mk-empty,
html[data-bs-theme="dark"].bos-market-v-glass .bos-market .card {
  background: rgba(30, 37, 43, 0.78) !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
}

body.night-mode.bos-market-v-glass .bos-market .mk-panel__head,
html[data-bs-theme="dark"].bos-market-v-glass .bos-market .mk-panel__head {
  background: rgba(255, 255, 255, 0.04) !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
}

/* ink — override mk CSS variables so all market pieces stay consistent */
body.bos-market-v-ink .bos-market {
  --mk-ink: #f0f3f6;
  --mk-muted: #8b949e;
  --mk-line: rgba(255, 255, 255, 0.12);
  --mk-soft: rgba(255, 255, 255, 0.05);
  --mk-surface: #141a20;
  --mk-warm: rgba(255, 255, 255, 0.06);
  --mk-accent: #5eead4;
  --mk-accent-soft: rgba(94, 234, 212, 0.14);
  --mk-accent-hover: #99f6e4;
  color: #f0f3f6;
}

body.bos-market-v-ink .bos-market .mk-panel,
body.bos-market-v-ink .bos-market .mk-nav,
body.bos-market-v-ink .bos-market .mk-empty,
body.bos-market-v-ink .bos-market .card {
  background: #141a20 !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  color: #f0f3f6;
}

body.bos-market-v-ink .bos-market .mk-panel__head {
  background: rgba(255, 255, 255, 0.04) !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
}

body.bos-market-v-ink .bos-market .mk-panel__title,
body.bos-market-v-ink .bos-market .mk-logo,
body.bos-market-v-ink .bos-market .mk-toolbar__label,
body.bos-market-v-ink .bos-market .mk-toolbar__meta {
  color: #f0f3f6 !important;
}

body.bos-market-v-ink .bos-market .mk-side-nav li a {
  color: #f0f3f6 !important;
}

body.bos-market-v-ink .bos-market .mk-side-nav li a:hover {
  background: rgba(255, 255, 255, 0.06);
}

body.bos-market-v-ink .bos-market .mk-side-nav li.active a {
  background: rgba(94, 234, 212, 0.14);
  color: #5eead4 !important;
}

body.bos-market-v-ink .bos-market .mk-nav {
  background: rgba(255, 255, 255, 0.04);
}

body.bos-market-v-ink .bos-market .mk-nav__item {
  color: #8b949e !important;
}

body.bos-market-v-ink .bos-market .mk-nav__item:hover {
  background: rgba(255, 255, 255, 0.06);
  color: #f0f3f6 !important;
}

body.bos-market-v-ink .bos-market .mk-nav__item.is-active {
  background: rgba(255, 255, 255, 0.08);
  color: #f0f3f6 !important;
  border-color: rgba(255, 255, 255, 0.12);
  box-shadow: none;
}

body.bos-market-v-ink .bos-market .mk-chip {
  color: #f0f3f6 !important;
  border-color: rgba(255, 255, 255, 0.14);
  background: rgba(255, 255, 255, 0.05);
}

body.bos-market-v-ink .bos-market .mk-search .form-control,
body.bos-market-v-ink .bos-market .mk-search-mobile .form-control {
  background: rgba(255, 255, 255, 0.05);
  border-color: rgba(255, 255, 255, 0.12);
  color: #f0f3f6;
}

body.bos-market-v-ink .bos-market .mk-btn-accent {
  background: #fff !important;
  border-color: #fff !important;
  color: #141a20 !important;
}

body.bos-market-v-ink .bos-market .mk-btn-ghost {
  background: rgba(255, 255, 255, 0.04) !important;
  border-color: rgba(255, 255, 255, 0.14) !important;
  color: #f0f3f6 !important;
}

/* tiles */
body.bos-market-v-tiles .bos-market .card,
body.bos-market-v-tiles .bos-market .mk-panel {
  border-radius: 16px !important;
  overflow: hidden;
}

body.bos-market-v-tiles .bos-market .card .img,
body.bos-market-v-tiles .bos-market .card img {
  border-radius: 14px 14px 0 0;
}