/* ============================================================
   SHINOBI PROFILE — INDEX / MODO CLARO
   FINAL OVERRIDE
   Coloque ESTE arquivo DEPOIS do shinobi-preferences(1).css
   Não altera HTML nem JavaScript.
   ============================================================ */

/* Fundo geral do INDEX */
html.sp-light body{
  background:#eef3f7!important;
  color:#172533!important;
}

/* ============================================================
   SIDEBAR ESQUERDA
   Antes ela estava propositalmente escura no CSS anterior.
   No modo claro agora fica clara também.
   ============================================================ */
html.sp-light .app > .side,
html.sp-light .app > .side.sidebar,
html.sp-light .sidebar{
  background:#f8fafc!important;
  color:#172533!important;
  border:1px solid #cbd7e2!important;
  box-shadow:0 8px 24px rgba(31,55,73,.06)!important;
}

html.sp-light .app > .side a,
html.sp-light .app > .side .nav-item,
html.sp-light .sidebar a,
html.sp-light .sidebar .nav-item{
  color:#344b5d!important;
  -webkit-text-fill-color:#344b5d!important;
}

html.sp-light .app > .side a:hover,
html.sp-light .app > .side a.active,
html.sp-light .sidebar a:hover,
html.sp-light .sidebar a.active{
  color:#172533!important;
  -webkit-text-fill-color:#172533!important;
  background:#fff1e8!important;
  border-color:#ff8a45!important;
}

html.sp-light .app > .side .ico,
html.sp-light .sidebar .ico{
  color:#e85d00!important;
}

/* ============================================================
   CARDS DA DIREITA
   "Minha conta", categorias e anúncios recentes
   ============================================================ */
html.sp-light .app > .right .right-card,
html.sp-light .right-card,
html.sp-light .right .right-card{
  background:#f8fafc!important;
  color:#172533!important;
  border:1px solid #cbd7e2!important;
  box-shadow:0 8px 24px rgba(31,55,73,.06)!important;
}

html.sp-light .right-card h3,
html.sp-light .right-card h4,
html.sp-light .right-card .category,
html.sp-light .right-card .recent-name,
html.sp-light .right-card .name{
  color:#172533!important;
  -webkit-text-fill-color:#172533!important;
}

html.sp-light .right-card p,
html.sp-light .right-card .muted,
html.sp-light .right-card small,
html.sp-light .right-card .meta{
  color:#607487!important;
  -webkit-text-fill-color:#607487!important;
}

html.sp-light .right-card .recent-price,
html.sp-light .right-card .price{
  color:#b47700!important;
  -webkit-text-fill-color:#b47700!important;
}

html.sp-light .right-card .count{
  background:#edf3f7!important;
  color:#53697b!important;
  border:1px solid #cbd7e2!important;
}

/* ============================================================
   INDEX — BLOCO PRINCIPAL
   ============================================================ */
html.sp-light #page-market{
  color:#172533!important;
}

html.sp-light #page-market .hero,
html.sp-light #page-market .hero-main,
html.sp-light #page-market > .hero{
  background:#f8fafc!important;
  color:#172533!important;
  border-color:#cbd7e2!important;
}

html.sp-light #page-market .hero h1,
html.sp-light #page-market .hero h2,
html.sp-light #page-market .hero h3,
html.sp-light #page-market .hero .title{
  color:#172533!important;
  -webkit-text-fill-color:#172533!important;
  opacity:1!important;
}

html.sp-light #page-market .hero p,
html.sp-light #page-market .hero .muted,
html.sp-light #page-market .hero .description,
html.sp-light #page-market #homeStatus{
  color:#607487!important;
  -webkit-text-fill-color:#607487!important;
}

/* ============================================================
   STATS
   ============================================================ */
html.sp-light #page-market .stats .stat,
html.sp-light #page-market .stat{
  background:#f8fafc!important;
  color:#172533!important;
  border:1px solid #cbd7e2!important;
}

html.sp-light #page-market .stats .stat small,
html.sp-light #page-market .stats .stat .label{
  color:#71869a!important;
  -webkit-text-fill-color:#71869a!important;
}

html.sp-light #page-market .stats .stat strong,
html.sp-light #page-market .stats .stat .value{
  color:#172533!important;
  -webkit-text-fill-color:#172533!important;
  opacity:1!important;
}

/* ============================================================
   PESQUISA / FILTROS
   ============================================================ */
html.sp-light #page-market .search,
html.sp-light #page-market input,
html.sp-light #page-market select,
html.sp-light #page-market .select{
  background:#fff!important;
  color:#172533!important;
  -webkit-text-fill-color:#172533!important;
  border-color:#bdccd8!important;
}

html.sp-light #page-market input::placeholder{
  color:#7a8c9c!important;
  opacity:1!important;
}

html.sp-light #page-market .btn.primary,
html.sp-light #page-market button.primary{
  background:#ff6a00!important;
  border-color:#ff6a00!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}

/* ============================================================
   TÍTULO "ANÚNCIOS"
   ============================================================ */
html.sp-light #page-market > .head h2,
html.sp-light #page-market .head h2{
  color:#172533!important;
  -webkit-text-fill-color:#172533!important;
  opacity:1!important;
}

html.sp-light #page-market > .head .muted,
html.sp-light #page-market .head .muted{
  color:#607487!important;
  -webkit-text-fill-color:#607487!important;
}

/* ============================================================
   CARDS DOS ANÚNCIOS DO INDEX
   ============================================================ */
html.sp-light #market-grid{
  color:#172533!important;
}

html.sp-light #market-grid .home-market-card{
  background:#f8fafc!important;
  color:#172533!important;
  border:1px solid #cbd7e2!important;
  box-shadow:0 7px 20px rgba(31,55,73,.06)!important;
  opacity:1!important;
}

html.sp-light #market-grid .home-listing-top{
  background:#f8fafc!important;
  color:#e85d00!important;
  border-bottom:1px solid #cbd7e2!important;
}

html.sp-light #market-grid .home-listing-top span{
  color:#e85d00!important;
  -webkit-text-fill-color:#e85d00!important;
}

html.sp-light #market-grid .home-listing-body{
  background:#f8fafc!important;
  color:#172533!important;
}

html.sp-light #market-grid .home-item-name{
  color:#172533!important;
  -webkit-text-fill-color:#172533!important;
  opacity:1!important;
  visibility:visible!important;
}

html.sp-light #market-grid .home-item-category{
  color:#e85d00!important;
  -webkit-text-fill-color:#e85d00!important;
}

html.sp-light #market-grid .home-price{
  color:#b47700!important;
  -webkit-text-fill-color:#b47700!important;
}

html.sp-light #market-grid .home-badge{
  background:#eef3f7!important;
  color:#30485b!important;
  -webkit-text-fill-color:#30485b!important;
  border-color:#cbd7e2!important;
}

html.sp-light #market-grid .home-badge.active{
  background:#ecfaf3!important;
  color:#11734a!important;
  -webkit-text-fill-color:#11734a!important;
  border-color:#8bd2ae!important;
}

html.sp-light #market-grid .home-divider{
  background:#d3dee6!important;
  border-color:#d3dee6!important;
}

html.sp-light #market-grid .home-seller-label,
html.sp-light #market-grid .home-date{
  color:#71869a!important;
  -webkit-text-fill-color:#71869a!important;
}

html.sp-light #market-grid .home-seller{
  color:#2670a8!important;
  -webkit-text-fill-color:#2670a8!important;
}

html.sp-light #market-grid .home-action{
  background:#ff6a00!important;
  border-color:#ff6a00!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}

/* ============================================================
   ÍCONES / IMAGENS DOS ANÚNCIOS
   ============================================================ */
html.sp-light #market-grid img,
html.sp-light .right-card img{
  opacity:1!important;
  visibility:visible!important;
  filter:none!important;
}

/* ============================================================
   RODAPÉ
   ============================================================ */
html.sp-light .footer{
  background:#f8fafc!important;
  color:#71869a!important;
  border-top-color:#cbd6df!important;
}

html.sp-light .footer a{
  color:#71869a!important;
}

/* ============================================================
   RESPONSIVO
   ============================================================ */
@media(max-width:1200px){
  html.sp-light #market-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

@media(max-width:850px){
  html.sp-light #market-grid{
    grid-template-columns:1fr!important;
  }
}


/* ============================================================
   SHINOBI PROFILE — LIGHT THEME COLOR PACK
   Versão colorida — preserva o modo escuro.
   Somente quando html.sp-light está ativo.
   ============================================================ */

html.sp-light{
  --sp-bg:#edf5fb;
  --sp-surface:#f8fbfe;
  --sp-surface-2:#ffffff;
  --sp-border:#bfd4e5;
  --sp-text:#172d43;
  --sp-muted:#58728a;
  --sp-orange:#ff6a00;
  --sp-orange-soft:#fff0e5;
  --sp-blue:#2f8fd6;
  --sp-blue-soft:#e8f4ff;
  --sp-green:#17a66a;
  --sp-green-soft:#e8f9f1;
  --sp-purple:#7857c9;
  --sp-purple-soft:#f0ebff;
  --sp-gold:#c98a00;
  --sp-gold-soft:#fff5d8;
}

/* Fundo com identidade azul */
html.sp-light body{
  background:
    radial-gradient(850px 500px at 88% -5%,rgba(47,143,214,.14),transparent 62%),
    radial-gradient(750px 500px at 5% 45%,rgba(255,106,0,.07),transparent 65%),
    linear-gradient(180deg,#eef6fc 0%,#e8f2f9 100%) !important;
  color:var(--sp-text)!important;
}

/* Header */
html.sp-light .sp-top,
html.sp-light header.sp-top,
html.sp-light header.top{
  background:rgba(250,253,255,.96)!important;
  border-bottom-color:#bfd4e5!important;
  box-shadow:0 4px 20px rgba(35,76,108,.08)!important;
}

/* Navegação */
html.sp-light .sp-nav a,
html.sp-light header nav a{
  color:#3d5b73!important;
}
html.sp-light .sp-nav a:hover,
html.sp-light header nav a:hover{
  color:#17324a!important;
  background:linear-gradient(135deg,#eaf5ff,#fff3e9)!important;
}
html.sp-light .sp-nav a.active{
  color:#17324a!important;
  background:linear-gradient(135deg,#fff1e6,#e9f5ff)!important;
  border-color:#ffb27a!important;
  box-shadow:inset 0 -2px #ff6a00,0 4px 12px rgba(255,106,0,.09)!important;
}

/* Conta */
html.sp-light .sp-account,
html.sp-light .login{
  background:linear-gradient(135deg,#fff,#edf6fc)!important;
  color:#17324a!important;
  border-color:#bfd4e5!important;
}

/* Cards gerais: não mais branco puro */
html.sp-light .panel,
html.sp-light .card,
html.sp-light .section,
html.sp-light .build-card,
html.sp-light .stat,
html.sp-light .info-card,
html.sp-light .stat-card,
html.sp-light .jutsu-row,
html.sp-light .chip,
html.sp-light .attr,
html.sp-light .weapon-box{
  background:linear-gradient(145deg,#ffffff 0%,#f3f8fc 100%)!important;
  border-color:#bfd4e5!important;
  color:var(--sp-text)!important;
  box-shadow:0 8px 24px rgba(31,73,105,.055)!important;
}

/* Títulos */
html.sp-light h1,
html.sp-light h2,
html.sp-light h3,
html.sp-light .title,
html.sp-light .name,
html.sp-light .char-name{
  color:#17324a!important;
}

/* Texto */
html.sp-light p,
html.sp-light .muted,
html.sp-light .description,
html.sp-light .desc,
html.sp-light .meta,
html.sp-light .label{
  color:#58728a!important;
}

/* Eyebrows / categorias */
html.sp-light .eyebrow,
html.sp-light .sp-eyebrow,
html.sp-light .hero-category,
html.sp-light .listing-category,
html.sp-light .home-item-category{
  color:#e85d00!important;
}

/* Inputs */
html.sp-light input,
html.sp-light select,
html.sp-light textarea{
  background:#fff!important;
  color:#17324a!important;
  border-color:#b9cfdf!important;
  box-shadow:inset 0 1px 2px rgba(35,76,108,.035)!important;
}
html.sp-light input:focus,
html.sp-light select:focus,
html.sp-light textarea:focus{
  border-color:#5ba9df!important;
  box-shadow:0 0 0 3px rgba(47,143,214,.12)!important;
}

/* Botão primário */
html.sp-light .btn.primary,
html.sp-light button.primary,
html.sp-light .btn.success,
html.sp-light button.success{
  background:linear-gradient(135deg,#ff7a18,#ff5a00)!important;
  border-color:#ff6a00!important;
  color:#fff!important;
  box-shadow:0 5px 14px rgba(255,106,0,.18)!important;
}

/* Botões secundários */
html.sp-light .btn:not(.primary):not(.danger):not(.success),
html.sp-light button:not(.sp-pref-button):not(.sp-pref-option):not(.primary):not(.danger):not(.success){
  background:linear-gradient(135deg,#ffffff,#edf6fc)!important;
  color:#29475e!important;
  border-color:#b9cfdf!important;
}
html.sp-light .btn:not(.primary):not(.danger):not(.success):hover,
html.sp-light button:not(.sp-pref-button):not(.sp-pref-option):not(.primary):not(.danger):not(.success):hover{
  background:linear-gradient(135deg,#fff7f1,#edf7ff)!important;
  border-color:#ff9852!important;
}

/* Chips / tags */
html.sp-light .chip,
html.sp-light .tag,
html.sp-light .meta-pill,
html.sp-light .listing-badge{
  background:linear-gradient(135deg,#edf6fc,#f7fbfe)!important;
  color:#34566f!important;
  border-color:#bfd4e5!important;
}
html.sp-light .tag.blue{
  background:var(--sp-blue-soft)!important;
  color:#2475b2!important;
  border-color:#9ecff0!important;
}
html.sp-light .tag.green,
html.sp-light .listing-badge.active{
  background:var(--sp-green-soft)!important;
  color:#128052!important;
  border-color:#8bd7b3!important;
}
html.sp-light .tag.purple{
  background:var(--sp-purple-soft)!important;
  color:#6247aa!important;
  border-color:#c5b5ee!important;
}

/* Raridade */
html.sp-light .rarity,
html.sp-light .meta-pill.rarity{
  background:var(--sp-gold-soft)!important;
  color:#9a6700!important;
  border-color:#e5bd5e!important;
}

/* Linhas / separadores */
html.sp-light hr,
html.sp-light .divider,
html.sp-light .home-divider,
html.sp-light .listing-divider{
  border-color:#cbdce8!important;
  background:#cbdce8!important;
}

/* Footer */
html.sp-light .footer{
  background:rgba(248,252,255,.96)!important;
  color:#607b91!important;
  border-top-color:#bfd4e5!important;
}

/* ============================================================
   INDEX — CORES DOS BLOCOS
   ============================================================ */

/* Stats com cores individuais */
html.sp-light #page-market .stats .stat:nth-child(1){
  background:linear-gradient(135deg,#fffaf5,#fff1e6)!important;
  border-color:#f4c29e!important;
}
html.sp-light #page-market .stats .stat:nth-child(1) strong,
html.sp-light #page-market .stats .stat:nth-child(1) .value{
  color:#ed6808!important;
}

html.sp-light #page-market .stats .stat:nth-child(2){
  background:linear-gradient(135deg,#f3faff,#e8f4ff)!important;
  border-color:#add4ee!important;
}
html.sp-light #page-market .stats .stat:nth-child(2) strong,
html.sp-light #page-market .stats .stat:nth-child(2) .value{
  color:#2b83c4!important;
}

html.sp-light #page-market .stats .stat:nth-child(3){
  background:linear-gradient(135deg,#fffdf4,#fff5d8)!important;
  border-color:#e8cf83!important;
}
html.sp-light #page-market .stats .stat:nth-child(3) strong,
html.sp-light #page-market .stats .stat:nth-child(3) .value{
  color:#bd7c00!important;
}

html.sp-light #page-market .stats .stat:nth-child(4){
  background:linear-gradient(135deg,#f5f1ff,#eee8ff)!important;
  border-color:#c9b9eb!important;
}
html.sp-light #page-market .stats .stat:nth-child(4) strong,
html.sp-light #page-market .stats .stat:nth-child(4) .value{
  color:#7150bd!important;
}

/* Hero */
html.sp-light #page-market .hero,
html.sp-light #page-market .hero-main,
html.sp-light #page-market > .hero{
  background:
    radial-gradient(260px 160px at 92% 70%,rgba(255,106,0,.09),transparent 70%),
    linear-gradient(135deg,#ffffff,#eef7fd)!important;
  border-color:#bfd4e5!important;
}

/* Busca/filtros */
html.sp-light #page-market .search,
html.sp-light #page-market .select{
  background:#fff!important;
  border-color:#b9cfdf!important;
}
html.sp-light #page-market .btn.primary,
html.sp-light #page-market button.primary{
  background:linear-gradient(135deg,#ff7a18,#ff5a00)!important;
}

/* Sidebar: clara, mas colorida */
html.sp-light .app > .side,
html.sp-light .app > .side.sidebar,
html.sp-light .sidebar{
  background:linear-gradient(180deg,#fafdff 0%,#edf5fb 100%)!important;
  border-color:#bfd4e5!important;
}
html.sp-light .app > .side .ico,
html.sp-light .sidebar .ico{
  color:#f06a0a!important;
}
html.sp-light .app > .side a.active,
html.sp-light .sidebar a.active{
  background:linear-gradient(135deg,#fff0e5,#eaf5ff)!important;
  border-color:#ff9955!important;
}

/* Cards do mercado */
html.sp-light #market-grid .home-market-card{
  background:linear-gradient(145deg,#ffffff,#f2f8fc)!important;
  border-color:#bfd4e5!important;
}
html.sp-light #market-grid .home-listing-top{
  background:linear-gradient(90deg,#fff7f0,#f5faff,#fff7f0)!important;
}
html.sp-light #market-grid .home-item-category{
  color:#e85d00!important;
}
html.sp-light #market-grid .home-price{
  color:#c78300!important;
}
html.sp-light #market-grid .home-seller{
  color:#2781bd!important;
}
html.sp-light #market-grid .home-badge.active{
  background:#e8f9f1!important;
  color:#128052!important;
  border-color:#8bd7b3!important;
}
/* ============================================================
   INDEX � STATS COLORIDOS NO MODO CLARO
   MESMAS CORES DO TEMA ESCURO
   ============================================================ */

html.sp-light #page-market .stats .stat:nth-child(1) {
    background: linear-gradient(135deg, #fff8f0 0%, #fff1e4 100%) !important;
    border: 1px solid #ff9a4d !important;
}

html.sp-light #page-market .stats .stat:nth-child(1) small,
html.sp-light #page-market .stats .stat:nth-child(1) .label {
    color: #c85b00 !important;
    -webkit-text-fill-color: #c85b00 !important;
}

html.sp-light #page-market .stats .stat:nth-child(1) strong,
html.sp-light #page-market .stats .stat:nth-child(1) .value {
    color: #ff8a00 !important;
    -webkit-text-fill-color: #ff8a00 !important;
}


/* PERSONAGENS � AZUL */
html.sp-light #page-market .stats .stat:nth-child(2) {
    background: linear-gradient(135deg, #f0f8ff 0%, #e5f3ff 100%) !important;
    border: 1px solid #70bfff !important;
}

html.sp-light #page-market .stats .stat:nth-child(2) small,
html.sp-light #page-market .stats .stat:nth-child(2) .label {
    color: #2879b8 !important;
    -webkit-text-fill-color: #2879b8 !important;
}

html.sp-light #page-market .stats .stat:nth-child(2) strong,
html.sp-light #page-market .stats .stat:nth-child(2) .value {
    color: #00a8ff !important;
    -webkit-text-fill-color: #00a8ff !important;
}


/* VALOR ANUNCIADO � DOURADO */
html.sp-light #page-market .stats .stat:nth-child(3) {
    background: linear-gradient(135deg, #fffdf0 0%, #fff6d6 100%) !important;
    border: 1px solid #e8c84a !important;
}

html.sp-light #page-market .stats .stat:nth-child(3) small,
html.sp-light #page-market .stats .stat:nth-child(3) .label {
    color: #a87500 !important;
    -webkit-text-fill-color: #a87500 !important;
}

html.sp-light #page-market .stats .stat:nth-child(3) strong,
html.sp-light #page-market .stats .stat:nth-child(3) .value {
    color: #ffc928 !important;
    -webkit-text-fill-color: #ffc928 !important;
}


/* USU�RIOS � VERDE */
html.sp-light #page-market .stats .stat:nth-child(4) {
    background: linear-gradient(135deg, #f0fff8 0%, #e4fff2 100%) !important;
    border: 1px solid #61dba9 !important;
}

html.sp-light #page-market .stats .stat:nth-child(4) small,
html.sp-light #page-market .stats .stat:nth-child(4) .label {
    color: #16875d !important;
    -webkit-text-fill-color: #16875d !important;
}

html.sp-light #page-market .stats .stat:nth-child(4) strong,
html.sp-light #page-market .stats .stat:nth-child(4) .value {
    color: #20d68a !important;
    -webkit-text-fill-color: #20d68a !important;
}