/* Deck Certo: janela da carta no padrao do site (15/10/2026). Copia do estilo da janela da card list (referencia:
   Megaevolucao): _publish_cardlist_generic.py do servidor (Lightbox, selo de raridade, caixa verde e "Sem preco"),
   CHART_CSS do _dc_chart.py (sha f7f747f2) e o bloco de versoes do dc_master_set.css().
   Carregado pelo inc/dc-janela.php so nas galerias com a janela do tema. O <style> do post vem depois no HTML e
   ganha nos empates: por isso o prefixo body .dc-gl #gl-lb[data-dcj]. As regras que a pagina ja tem iguais
   (fundo, caixa, X, setas, area lilas, nome, numero) ficam com as dela. */

/* diferencas do estilo antigo da galeria: carta ate 50vh (era 55vh) e linha da colecao com a margem da referencia */
body .dc-gl #gl-lb[data-dcj] .gl-lb-img-wrap img{max-width:100%;max-height:50vh;border-radius:10px;box-shadow:0 12px 32px rgba(133,6,187,.25);display:block}
body .dc-gl #gl-lb[data-dcj] .gl-lb-set{margin:0 0 12px}
/* a carta fica dentro do .dc-lb-slot, como na card list com Master set */
body .dc-gl #gl-lb[data-dcj] .dc-lb-slot{position:relative;display:inline-block;line-height:0;isolation:isolate;max-width:100%}
body .dc-gl #gl-lb[data-dcj] .dc-lb-slot img{display:block;max-width:100%;height:auto}
/* duas colunas no computador (dc-colecao.php): a carta ocupa a altura da janela */
@media (min-width:1024px) and (min-height:560px){
  [data-content="narrow"] .dc-gl #gl-lb[data-dcj] .gl-lb-img-wrap img{max-height:calc(92vh - 56px);width:auto}
}

/* selo de raridade */
body .dc-gl #gl-lb[data-dcj] .g-rarity{display:inline-block;font-size:9px;font-weight:700;color:white;padding:2px 6px;border-radius:4px;text-transform:uppercase;letter-spacing:.04em;line-height:1.2;margin-top:4px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body .dc-gl #gl-lb[data-dcj] .gr-c{background:linear-gradient(135deg,#D6D3D1 0%,#A8A29E 100%)}
body .dc-gl #gl-lb[data-dcj] .gr-u{background:linear-gradient(135deg,#A3A3A3 0%,#737373 100%)}
body .dc-gl #gl-lb[data-dcj] .gr-r{background:linear-gradient(135deg,#60A5FA 0%,#2563EB 100%)}
body .dc-gl #gl-lb[data-dcj] .gr-rd{background:linear-gradient(135deg,#3B82F6 0%,#1D4ED8 100%)}
body .dc-gl #gl-lb[data-dcj] .gr-ru{background:linear-gradient(135deg,#A78BFA 0%,#7C3AED 100%)}
body .dc-gl #gl-lb[data-dcj] .gr-ir{background:linear-gradient(135deg,#4ADE80 0%,#16A34A 100%)}
body .dc-gl #gl-lb[data-dcj] .gr-is{background:linear-gradient(135deg,#C084FC 0%,#8506BB 100%)}
body .dc-gl #gl-lb[data-dcj] .gr-ma{background:linear-gradient(135deg,#FCD34D 0%,#F59E0B 50%,#D97706 100%)}
body .dc-gl #gl-lb[data-dcj] .gr-sr{background:linear-gradient(135deg,#94A3B8 0%,#475569 100%)}
body .dc-gl #gl-lb[data-dcj] .gr-p{background:linear-gradient(135deg,#F472B6 0%,#DB2777 100%)}
body .dc-gl #gl-lb[data-dcj] .gr-default{background:linear-gradient(135deg,#9CA3AF 0%,#6B7280 100%)}

/* caixa verde "Preco no Brasil" e o estado "Sem preco" (mesma ordem da referencia: o EXTRA_CSS vem depois) */
body .dc-gl #gl-lb[data-dcj] .gl-lb-priceone.dc-lb-sempreco{background:#F9FAFB;border-color:#E5E7EB}
body .dc-gl #gl-lb[data-dcj] .dc-lb-sempreco .lbl,body .dc-gl #gl-lb[data-dcj] .dc-lb-sempreco .val{color:#6B7280}
body .dc-gl #gl-lb[data-dcj] .gl-lb-priceone{display:flex;align-items:baseline;justify-content:space-between;gap:8px;background:#ECFDF5;border:1px solid #A7F3D0;border-radius:10px;padding:10px 14px;margin:12px 0 0}
body .dc-gl #gl-lb[data-dcj] .gl-lb-priceone .lbl{font-size:10px;font-weight:800;color:#047857;text-transform:uppercase;letter-spacing:.05em}
body .dc-gl #gl-lb[data-dcj] .gl-lb-priceone .val{font-size:20px;font-weight:900;color:#047857;font-variant-numeric:tabular-nums;white-space:nowrap}
body .dc-gl #gl-lb[data-dcj] .gl-lb-priceone .val .rk-cur{font-size:.65em;color:#059669;font-weight:700;margin-right:2px}

/* o post dos 30 Anos tira a linha e a margem do grafico (.dc-gl .dc-ch); na janela do tema vale o da referencia */
body .dc-gl #gl-lb[data-dcj] .dc-ch{margin:10px 0 0;padding-top:10px;border-top:1px solid #F3F4F6}

/* Grafico de preco (dc-ch), copia do CHART_CSS; sem prefixo porque a dica fica no body */
.dc-ch{margin-top:10px;padding-top:10px;border-top:1px solid #F3F4F6}
.dc-ch-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:8px}
.dc-ch-chip{display:inline-flex;align-items:center;gap:6px;background:#F5F3FF;border:1px solid #E9D5FF;color:#0F0E1F;font-weight:800;font-size:13px;padding:4px 10px;border-radius:999px;line-height:1}
.dc-ch-chip svg{flex:none}
.dc-ch-delta{font-size:12px;font-weight:800;white-space:nowrap}
.dc-ch-delta.up{color:#047857}
.dc-ch-delta.down{color:#DC2626}
.dc-ch-delta.flat{color:#6B7280}
.dc-ch-range{font-size:10px;color:#9CA3AF;font-weight:600;margin-left:auto;white-space:nowrap}
.dc-ch-svgwrap{position:relative}
.dc-ch-svgwrap svg{display:block;width:100%;height:auto}
.dc-ch-svgwrap text{font-family:inherit;font-size:9px;fill:#9CA3AF;font-weight:600}
.dc-ch-grid{stroke:#E5E7EB;stroke-dasharray:3 3;stroke-width:1}
.dc-ch-guide{stroke:#8506BB;stroke-width:1;stroke-dasharray:2 2;opacity:0}
.dc-ch-hoverdot{opacity:0}
.dc-ch-svgwrap.is-active .dc-ch-guide,.dc-ch-svgwrap.is-active .dc-ch-hoverdot{opacity:1}
.dc-ch-tabs{display:flex;gap:8px;margin:2px 0 12px}
.dc-ch-tab{background:#F3F4F6;border:0;border-radius:8px;color:#6B7280;font-size:11px;font-weight:800;padding:7px 12px;cursor:pointer;font-family:inherit;line-height:1;transition:all .15s}
.dc-ch-tab:hover{background:#E9E5F5;color:#8506BB}
.dc-ch-tab.active{background:#8506BB;color:#fff}
.dc-ch-tip{position:fixed;z-index:99999;pointer-events:none;background:#0F0E1F;color:#fff;font-family:'Inter',system-ui,sans-serif;font-size:11px;font-weight:700;line-height:1.35;padding:6px 10px;border-radius:8px;box-shadow:0 6px 18px rgba(0,0,0,.28);white-space:nowrap;opacity:0;transition:opacity .1s;transform:translate(-50%,-122%)}
.dc-ch-tip.show{opacity:1}
.dc-ch-tip b{color:#C084FC;font-weight:800}
.dc-ch-tip small{display:block;color:#9CA3AF;font-weight:600;font-size:10px}

/* janela fora de uma galeria (especies e /precos/): a pagina nao tem o <style> da card list, entao a base vem daqui,
   copiada das regras que valem na Megaevolucao (bloco Lightbox, .dc-gl p, .dc-gl h2, .dc-gl a e as 2 colunas do
   dc-colecao). A fonte e a do dc-fonte (body .gl-lb-box, var(--dc-font)), que vale em todas as paginas */
body .dcj-casca #gl-lb[data-dcj]{position:fixed;inset:0;background:rgba(0,0,0,.92);z-index:99999;display:none;align-items:center;justify-content:center;padding:16px}
body .dcj-casca #gl-lb[data-dcj].active{display:flex}
body .dcj-casca #gl-lb[data-dcj] *{box-sizing:border-box}
body .dcj-casca #gl-lb[data-dcj] .gl-lb-box{position:relative;background:white;border-radius:16px;max-width:520px;width:100%;max-height:94vh;overflow-y:auto;box-shadow:0 25px 60px rgba(0,0,0,.6);font-family:var(--dc-font,'Inter',sans-serif)}
body .dcj-casca #gl-lb[data-dcj] .gl-lb-close{position:absolute;top:12px;right:12px;width:36px;height:36px;border-radius:50%;border:none;background:rgba(255,255,255,.95);color:#111827;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1;z-index:10;box-shadow:0 4px 12px rgba(0,0,0,.3);font-weight:900;padding:0}
body .dcj-casca #gl-lb[data-dcj] .gl-lb-close:hover{background:#F3F4F6}
body .dcj-casca #gl-lb[data-dcj] .gl-lb-img-wrap{background:linear-gradient(135deg,#F3E8FF,#FBF3FF);padding:24px 20px;display:flex;align-items:center;justify-content:center;min-height:200px}
body .dcj-casca #gl-lb[data-dcj] .gl-lb-info{padding:16px 20px 20px}
body .dcj-casca #gl-lb[data-dcj] .gl-lb-num{display:inline-block;font-size:10px;font-weight:700;color:#374151;background:#F3F4F6;padding:3px 8px;border-radius:999px;margin-bottom:6px}
body .dcj-casca #gl-lb[data-dcj] .gl-lb-name{font-family:inherit;font-size:20px;font-weight:900;color:#111827;line-height:1.2;margin:4px 0 4px}
body .dcj-casca #gl-lb[data-dcj] .gl-lb-set{font-size:15px;color:#374151;line-height:1.65;margin:0 0 12px}
/* .dc-gl a da referencia: fraco de proposito, os links da colecao e do artista herdam a cor (dc-janela-links) */
.dcj-casca a{color:#8506BB}
body .dcj-casca #gl-lb[data-dcj] .gl-lb-arrow{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;background:rgba(255,255,255,.95);border:none;color:#8506BB;display:none;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 6px 20px rgba(0,0,0,.3);z-index:10;font-size:32px;font-weight:900;padding:0;line-height:1}
body .dcj-casca #gl-lb[data-dcj] .gl-lb-arrow:hover{background:white}
body .dcj-casca #gl-lb[data-dcj] .gl-lb-prev{left:16px}
body .dcj-casca #gl-lb[data-dcj] .gl-lb-next{right:16px}
@media(min-width:768px){body .dcj-casca #gl-lb[data-dcj] .gl-lb-arrow{display:flex}}
@media (min-width:1024px) and (min-height:560px){
  body .dcj-casca #gl-lb[data-dcj] .gl-lb-box{max-width:1100px;display:grid;grid-template-columns:460px minmax(0,1fr);overflow:hidden;max-height:92vh}
  body .dcj-casca #gl-lb[data-dcj] .gl-lb-img-wrap{min-height:0;height:100%;padding:28px 24px}
  body .dcj-casca #gl-lb[data-dcj] .gl-lb-img-wrap img{max-height:calc(92vh - 56px);width:auto}
  body .dcj-casca #gl-lb[data-dcj] .gl-lb-info{overflow-y:auto;max-height:92vh;padding:32px 30px 26px}
}

/* "Versoes desta carta" (bloco do Master set na janela) */
body .dc-gl #gl-lb[data-dcj] .dc-vers{margin-top:12px;border-top:1px solid #F3F4F6}
body .dc-gl #gl-lb[data-dcj] .dc-vers-h{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#6B7280;padding:10px 0 4px}
body .dc-gl #gl-lb[data-dcj] .dc-ver{display:flex;justify-content:space-between;align-items:center;padding:9px 10px;border-bottom:1px solid #F3F4F6;font-size:14px;color:#374151;border-radius:8px}
body .dc-gl #gl-lb[data-dcj] .dc-ver strong{color:#047857;font-weight:800}
body .dc-gl #gl-lb[data-dcj] .dc-ver em{color:#8506BB;font-style:normal;font-weight:600}
body .dc-gl #gl-lb[data-dcj] .dc-ver.on{background:#FBF3FF;color:#111827;font-weight:700}