/* Reformula a janela do Market pro mesmo padrao ornamentado (moldura PNG)
 * usado no resto do jogo (breeding-archive-v4, vip-store-v2, Central de
 * Invocacao etc.) em vez das bordas CSS lisas de 1px e fontes minusculas
 * (6-8px) do desenho original de market.css/market-v3.css. So visual —
 * nenhuma estrutura de mercado.js foi alterada, so aparencia dos mesmos
 * elementos. Carrega depois de market.css/market-v3.css pra vencer o empate
 * de especificidade (nenhuma regra la usa !important).
 */

.nrmt-market-overlay {
  background: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

.nrmt-market-window {
  position: relative;
  border: 0 !important;
  border-radius: 0 !important;
  background: linear-gradient(155deg, #171d1f, #0a0e10) !important;
  box-shadow: 0 28px 90px rgba(0, 0, 0, .8) !important;
}

.nrmt-market-window::before {
  content: "";
  position: absolute;
  z-index: 30;
  inset: 0;
  box-sizing: border-box;
  border: 22px solid transparent;
  border-image-source: var(--nrmt-archive-window-frame, url('/assets/branding/shinobi-archive-ui-v3/window-frame.png?v=1'));
  border-image-slice: 126 118;
  border-image-width: 22px;
  border-image-repeat: stretch;
  pointer-events: none;
  filter: drop-shadow(0 2px 2px rgba(0, 0, 0, .85));
}

.nrmt-market-window > header {
  height: 68px !important;
  border: 0 !important;
  background: linear-gradient(180deg, #23292b, #14181a) !important;
}
.nrmt-market-window > header small { font-size: 8px !important; letter-spacing: .16em !important; color: #a9927a !important; }
.nrmt-market-window h2 { font-size: 20px !important; color: #f0ca7a !important; }
.nrmt-market-window > header > button {
  border: 1px solid transparent !important;
  border-image-source: var(--nrmt-archive-button-frame, url('/assets/branding/shinobi-archive-ui-v3/button-frame.png?v=1')) !important;
  border-image-slice: 56 188 !important;
  border-image-width: 8px 14px !important;
  border-image-repeat: stretch !important;
  background: linear-gradient(180deg, #2b1b19, #180f0e) !important;
}

.nrmt-market-wallet span {
  min-width: 112px !important;
  border: 1px solid transparent !important;
  border-image-source: var(--nrmt-archive-panel-frame, url('/assets/branding/shinobi-archive-ui-v3/panel-frame.png?v=1')) !important;
  border-image-slice: 104 122 !important;
  border-image-width: 7px !important;
  border-image-repeat: stretch !important;
  background: #0d1416 !important;
  font-size: 8px !important;
}
.nrmt-market-wallet b { font-size: 13px !important; }
.nrmt-market-earnings {
  border: 1px solid transparent !important;
  border-image-source: var(--nrmt-archive-button-frame, url('/assets/branding/shinobi-archive-ui-v3/button-frame.png?v=1')) !important;
  border-image-slice: 56 188 !important;
  border-image-width: 8px 14px !important;
  border-image-repeat: stretch !important;
}

.nrmt-market-toolbar {
  height: 58px !important;
  border: 0 !important;
  border-bottom: 1px solid #3b4143 !important;
  background: #101517 !important;
}
.nrmt-market-toolbar input[type=search],
.nrmt-market-toolbar select,
.nrmt-market-window aside input,
.nrmt-market-window aside select {
  border: 1px solid #4a4235 !important;
  background: #0a0d0f !important;
  color: #e2e6e3 !important;
  font-size: 9px !important;
}
.nrmt-market-toolbar label, .nrmt-market-toolbar > b { font-size: 8px !important; }
.nrmt-market-toolbar > button,
.nrmt-market-toolbar > nav button,
.nrmt-market-sell-tabs button {
  border: 1px solid transparent !important;
  border-image-source: var(--nrmt-archive-button-frame, url('/assets/branding/shinobi-archive-ui-v3/button-frame.png?v=1')) !important;
  border-image-slice: 56 188 !important;
  border-image-width: 6px 10px !important;
  border-image-repeat: stretch !important;
  background: linear-gradient(180deg, #23281f, #14180f) !important;
  font-size: 8px !important;
}
.nrmt-market-toolbar > nav button.is-active,
.nrmt-market-sell-tabs button.is-active {
  color: #f0ca7a !important;
  background: linear-gradient(180deg, #4a3a1c, #241c10) !important;
}

.nrmt-market-layout > main { background: #0e1315 !important; }
.nrmt-market-layout > aside {
  border: 0 !important;
  border-left: 1px solid #3b4143 !important;
  background: #0e1315 !important;
}

.nrmt-market-card {
  border: 1px solid transparent !important;
  border-image-source: var(--nrmt-archive-panel-frame, url('/assets/branding/shinobi-archive-ui-v3/panel-frame.png?v=1')) !important;
  border-image-slice: 104 122 !important;
  border-image-width: 8px !important;
  border-image-repeat: stretch !important;
  background: linear-gradient(135deg, #1d2325, #0c1113) !important;
}
.nrmt-market-card__icon {
  border: 1px solid transparent !important;
  border-image-source: var(--nrmt-archive-portrait-frame, url('/assets/branding/shinobi-archive-ui-v3/portrait-frame.png?v=1')) !important;
  border-image-slice: 112 106 !important;
  border-image-width: 6px !important;
  border-image-repeat: stretch !important;
  background: radial-gradient(circle, #26383c, #070b0c 72%) !important;
}
.nrmt-market-card h3 { font-size: 13px !important; }
.nrmt-market-card p, .nrmt-market-card span, .nrmt-market-card small { font-size: 8px !important; }
.nrmt-market-price strong { font-size: 15px !important; }
.nrmt-market-price button {
  border: 1px solid transparent !important;
  border-image-source: var(--nrmt-archive-button-frame, url('/assets/branding/shinobi-archive-ui-v3/button-frame.png?v=1')) !important;
  border-image-slice: 56 188 !important;
  border-image-width: 7px 12px !important;
  border-image-repeat: stretch !important;
  font-size: 8px !important;
}

.nrmt-market-sell-hero {
  border: 1px solid transparent !important;
  border-image-source: var(--nrmt-archive-panel-frame, url('/assets/branding/shinobi-archive-ui-v3/panel-frame.png?v=1')) !important;
  border-image-slice: 104 122 !important;
  border-image-width: 9px !important;
  border-image-repeat: stretch !important;
}
.nrmt-market-sell-hero h3 { font-size: 13px !important; }
.nrmt-market-owned-card {
  border: 1px solid transparent !important;
  border-image-source: var(--nrmt-archive-panel-frame, url('/assets/branding/shinobi-archive-ui-v3/panel-frame.png?v=1')) !important;
  border-image-slice: 104 122 !important;
  border-image-width: 6px !important;
  border-image-repeat: stretch !important;
}
.nrmt-market-selection {
  border: 1px solid transparent !important;
  border-image-source: var(--nrmt-archive-panel-frame, url('/assets/branding/shinobi-archive-ui-v3/panel-frame.png?v=1')) !important;
  border-image-slice: 104 122 !important;
  border-image-width: 8px !important;
  border-image-repeat: stretch !important;
}
.nrmt-market-selection b { font-size: 11px !important; }
.nrmt-market-sell-grid label,
.nrmt-market-layout > aside > label { font-size: 8px !important; }

.nrmt-market-publish {
  border: 1px solid transparent !important;
  border-image-source: var(--nrmt-archive-button-frame, url('/assets/branding/shinobi-archive-ui-v3/button-frame.png?v=1')) !important;
  border-image-slice: 56 188 !important;
  border-image-width: 10px 20px !important;
  border-image-repeat: stretch !important;
  font-size: 10px !important;
}

.nrmt-market-layout > aside > section {
  border: 1px solid transparent !important;
  border-image-source: var(--nrmt-archive-panel-frame, url('/assets/branding/shinobi-archive-ui-v3/panel-frame.png?v=1')) !important;
  border-image-slice: 104 122 !important;
  border-image-width: 8px !important;
  border-image-repeat: stretch !important;
}
.nrmt-market-layout > aside > section b { font-size: 8px !important; }
.nrmt-market-layout > aside > section p { font-size: 8px !important; }
