/* Home com coluna lateral de categorias (2026-09-24) -- so com o layout de cards largos de provedor.
   As abas horizontais do app viram uma coluna fixa a esquerda; os jogos ficam a direita.
   Medidas copiadas da referencia (390px de tela): coluna 78px a 10px da borda, conteudo a
   partir de 101px (278px), cards de jogo 3 por linha em pe (88x118), card de provedor 276x108.
   So CSS: nenhum elemento do app muda de lugar no DOM. */

/* ---- grade: coluna | conteudo ---- */
[class*="_game-exhibition_"]{display:grid!important;grid-template-columns:78px minmax(0,1fr);column-gap:13px;padding:0 11px 0 10px;align-items:start;box-sizing:border-box}
[class*="_game-exhibition_"]>.ui-tabs__wrap{grid-column:1;grid-row:1;position:sticky!important;top:8px;z-index:5;height:auto!important;width:78px!important;margin-top:12px;padding:0!important;overflow:visible!important}
[class*="_game-exhibition_"]>.ui-tabs__wrap>[class*="ui-tabs__navigation"]{display:none!important}
[class*="_game-exhibition_"]>.ui-tabs__wrap .lobby-scroll--x{flex-direction:column!important;overflow:visible!important;width:78px!important;height:auto!important;gap:8px;padding:0!important;margin:0!important}
[class*="_game-exhibition_"]>.ui-tabs__wrap .ui-tab{width:78px!important;min-width:78px!important;height:58px!important;flex:0 0 58px!important;margin:0!important;padding:0!important;box-sizing:border-box}
[class*="_game-exhibition_"]>.ui-tabs__wrap [class*="_tab-item-title_"]{width:100%!important;height:100%!important;padding:0!important;justify-content:center}
[class*="_game-exhibition_"]>.ui-tabs__wrap .ui-tab img{width:28px!important;height:28px!important}
[class*="_game-exhibition_"]>.ui-tabs__wrap [class*="_text_"]{font-size:12px!important;white-space:nowrap}
[class*="_game-exhibition_"]>.ui-tabs__content{grid-column:2;grid-row:1;min-width:0;overflow:visible}
[class*="_game-exhibition_"] [class*="_game-list-box_"],[class*="_game-exhibition_"] [class*="_tab-item-game-list"],[class*="_game-exhibition_"] [class*="_layout-box_"]{width:100%!important;padding-left:0!important;padding-right:0!important;box-sizing:border-box}

/* ---- listas: largura/altura do app eram pra tela inteira ---- */
[class*="_list-ordinary_"],[class*="_list-ordinary-layout_"]{width:100%!important;height:auto!important}
[class*="_list-ordinary-layout_"]{display:flex!important;flex-wrap:wrap!important;gap:7px!important;justify-content:flex-start!important}

/* ---- cards de jogo: em pe, 3 por linha, nome sobre a imagem (home e paginas de provedor) ---- */
.name-img-layout{position:relative!important;width:calc((100% - 14px)/3)!important;height:auto!important;margin:0!important;flex:0 0 auto!important;display:block!important}
.name-img-layout>.lobby-image{width:100%!important;height:auto!important;aspect-ratio:3/4;border-radius:11px!important;overflow:hidden;box-shadow:0 0 0 2px #fff,0 3px 8px rgba(14,45,75,.14);background-size:cover!important}
.name-img-layout [class*="_game-name-normal_"]{position:absolute!important;left:0;right:0;bottom:0;height:auto!important;padding:14px 4px 6px!important;border-radius:0 0 11px 11px;background:linear-gradient(transparent,rgba(0,0,0,.55));pointer-events:none;text-align:center}
.name-img-layout [class*="_game-name-normal_"] .name-inner{color:#fff!important;font-weight:800!important;font-size:11px!important;line-height:1.2!important;text-shadow:0 1px 2px rgba(0,0,0,.9)}

/* ---- card largo de provedor ---- */
[data-mode="pagination-landscape-left-right"] [class*="_list-ordinary-layout_"]{gap:9px!important}
[data-mode="pagination-landscape-left-right"] [class*="_list-ordinary-layout_"]>.lobby-image{width:100%!important;height:auto!important;aspect-ratio:520/203;margin:0!important;background-size:cover!important;border-radius:12px}

/* ---- aba da categoria visivel (marcada pelo layout-lateral.js) ---- */
[class*="_game-exhibition_"]>.ui-tabs__wrap .ui-tab.ui-tab--active{background-image:url(/siteadmin/skin/lobby_asset/zs-claro/home/btn_db_sy_dtfl.avif)!important}
[class*="_game-exhibition_"]>.ui-tabs__wrap .ui-tab.zs-ativa{background-image:url(/siteadmin/skin/lobby_asset/zs-claro/home/btn_db_sy_dtfl1.avif)!important}
[class*="_game-exhibition_"]>.ui-tabs__wrap .ui-tab.zs-ativa [class*="_text_"]{color:#00A5F1!important}
/* nome do jogo quebra em ate 2 linhas (cards estreitos da pagina de provedor) */
.name-img-layout [class*="_game-name-normal_"] .name-inner{white-space:normal!important;overflow:hidden!important;text-overflow:ellipsis;display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-word}
.name-img-layout [class*="_game-name-normal_"]{padding:12px 3px 5px!important}
@media (max-width:420px){ [class*="_subgame"] .name-img-layout .name-inner,.name-img-layout:where([style*="--card-benchmark: 1.3rem"]) .name-inner{font-size:10px!important} }
.name-img-layout [class*="_game-name-normal_"]{width:auto!important;max-width:100%!important;box-sizing:border-box}
/* pagina de provedor: a lista ocupa a coluna inteira (vinha presa em 5.4rem) */
[class*="_tab-game-list-box_"] .ui-placeholder--container{width:100%!important}
/* titulo das secoes (Popular, Slots...): menor e mais perto dos cards, igual a referencia */
[class*="_game-exhibition_"] [class*="_game-headline_"]{height:18px!important;min-height:0!important;margin:12px 0 10px!important;padding:0!important}
[class*="_game-exhibition_"] [class*="_game-headline_"] [class*="_title-text_"]{font-family:inherit!important;font-size:13px!important;font-weight:600!important;line-height:18px!important}
[class*="_game-exhibition_"] [class*="_game-headline_"] [class*="_title-icon_"]{width:18px!important;height:auto!important}
/* espacamento entre atalhos, coluna e jogos (medido na referencia: 10px ate a coluna, titulo +11px, card +10px) */
[class*="_game-exhibition_"]{margin-top:0!important}
[class*="_game-exhibition_"]>.ui-tabs__wrap{margin-top:10px!important}
[class*="_game-exhibition_"]>.ui-tabs__content,[class*="_game-exhibition_"] .ui-tab__panel,[class*="_game-exhibition_"] [class*="_game-list-box_"],[class*="_game-exhibition_"] [class*="_tab-item-game-list"]{margin-top:0!important;padding-top:0!important}
[class*="_game-exhibition_"] [class*="_layout-box_"]{gap:0!important;padding-top:0!important;margin-top:0!important}
[class*="_game-exhibition_"] [class*="_game-headline_"]{margin:21px 0 10px!important}
[class*="_game-exhibition_"] [class*="_list-ordinary_"]{margin-top:0!important;padding-top:0!important}