/* KING-UI v1 — polish de UX + mobile (aplicado sobre as paginas do site) */

/* badges EM BREVE menores e sem sobrepor */
.ksoon{font-size:9px !important;padding:2px 6px !important;white-space:nowrap;flex:none;line-height:1.4}

/* itens de TCG na sidebar: logo + nome + valor sem sobreposicao */
.tcg-item{gap:10px;padding:12px 14px !important}
.tcg-item>strong{min-width:0;flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:13px !important}
.tcg-item>strong img{flex:none}
.tcg-item>span{flex:none;white-space:nowrap;font-size:12px !important}

/* cards de TCG: logo centralizada, sem estourar */
.tcg-icon{display:flex;align-items:center;justify-content:center;min-height:52px}
.tcg-card h3,.collection-card strong{overflow-wrap:anywhere}

/* stats: respiro entre blocos */
.stat{min-width:0}
.stat strong{overflow-wrap:anywhere}

/* ===== MOBILE ===== */
@media(max-width:900px){
  header{height:auto !important;flex-wrap:wrap;padding:12px 14px !important;gap:10px;position:static !important}
  header nav{order:3;width:100%;flex-wrap:wrap;gap:8px 14px;justify-content:center}
  header nav a{font-size:12px !important}
  .layout{grid-template-columns:1fr !important;width:94% !important;gap:18px !important}
  .sidebar,.side,.right,.rightbar{order:2}
  main,.main{order:1}
  .hero h1{font-size:30px !important}
  .stats{grid-template-columns:1fr 1fr !important;gap:14px !important;padding:16px !important}
  .stat{border-right:0 !important;padding:0 !important}
  .tcg-grid,.era-grid,.free-grid,.community-grid,.collections,.cards-gallery{grid-template-columns:1fr 1fr !important}
  .tabs{overflow-x:auto;white-space:nowrap;gap:18px !important}
  .tabs a{padding:12px 0 !important}
  .actions{flex-wrap:wrap}
  .table{overflow-x:auto}
  .podium{grid-template-columns:1fr !important}
  .podium-card{margin-bottom:12px}
  footer{flex-direction:column;text-align:center;gap:12px}
}
@media(max-width:520px){
  .tcg-grid,.era-grid,.free-grid,.community-grid,.collections,.cards-gallery{grid-template-columns:1fr !important}
  .hero h1{font-size:24px !important}
  .stats{grid-template-columns:1fr !important}
}

/* modal de cartas no mobile */
@media(max-width:700px){
  .km-in{width:96% !important;margin:10px auto !important;padding:12px !important}
  .km-head h2{font-size:18px !important}
  .km-head img{height:36px !important}
  .km-grid{grid-template-columns:repeat(auto-fill,minmax(104px,1fr)) !important;gap:8px !important}
  .kcard img{min-height:96px !important}
  .kcard .kn{font-size:11px !important}
}

/* modo app (logado): esconde a top bar; sidebar lateral assume (top bar so na home) */
body.kapp>header, body.kapp header{display:none !important}
body.kapp .layout{width:96% !important}