/* WIND GAME catalog-v1. One component for catalogue and provider lobbies.
 * Approved palette/artwork stay unchanged. Metrics originate in catalog-contract.json.
 * Important overrides replace legacy unlayered catalogue sizing only; scoped to catalogue/lobby. */
@layer wg-components {
body[data-page="games"] #all-games,body.wg-soft-lobby-page .wp-lobby,html.wg-soft-ui .soft-lobby-grid {
 --wg-card-width:160px;--wg-card-height:280px;--wg-card-gap:12px;--wg-card-title:14px;--wg-card-copy:12px;--wg-action-height:44px;--wg-action-font:14px;
}
}
@layer wg-overrides {
/* Override old 230/218px cards and 26px play buttons, without global button selectors. */
html body[data-page="games"] #all-games .mp-game{box-sizing:border-box!important;width:var(--wg-card-width)!important;max-width:100%!important;height:var(--wg-card-height)!important;min-height:var(--wg-card-height)!important;grid-template-rows:96px minmax(0,1fr)!important;border-radius:16px!important}
html body[data-page="games"] #all-games .mp-game .mp-card-content{box-sizing:border-box!important;min-height:0!important;padding:8px!important;display:flex!important;flex-direction:column!important;gap:5px!important}
html body[data-page="games"] #all-games .mp-game .mp-card-content>h3{font-size:var(--wg-card-title)!important;line-height:1.3!important;margin:0!important}
html body[data-page="games"] #all-games .mp-game .mp-card-content>p{font-size:var(--wg-card-copy)!important;line-height:1.35!important;margin:0!important}
html body[data-page="games"] #all-games .mp-game .mp-card-bottom{margin-top:auto!important;padding-top:4px!important;min-height:0!important}
html body[data-page="games"] #all-games .mp-game .mp-card-action{box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:4px!important;min-height:var(--wg-action-height)!important;height:var(--wg-action-height)!important;max-height:var(--wg-action-height)!important;padding:0 6px!important;border-radius:10px!important;font-size:var(--wg-action-font)!important;line-height:1.2!important;color:#fff!important}
html body[data-page="games"] #all-games .wg-catalog-row{display:grid!important;grid-auto-flow:column!important;grid-template-columns:none!important;grid-auto-columns:var(--wg-card-width)!important;gap:var(--wg-card-gap)!important;width:100%!important;min-width:0!important;max-width:100%!important;overflow-x:auto!important;overflow-y:hidden!important;box-sizing:border-box!important}
html body[data-page="games"] #all-games #hot-games .wg-hot-copy .wg-hb-cta{box-sizing:border-box!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;height:44px!important;min-height:44px!important;font-size:14px!important;line-height:1.2!important;padding:8px 12px!important}
html body[data-page="games"] #all-games #hot-games .wg-popular-card{height:auto!important;min-height:116px!important;box-sizing:border-box!important}
html body[data-page="games"] #all-games #hot-games .wg-hot-copy small{font-size:12px!important}
/* Full illustrated cover is a variant of that same card, with the same footer. */
html body[data-page="games"] #all-games #cat-provider-row{display:grid!important;grid-template-columns:repeat(4,minmax(0,var(--wg-card-width)))!important;grid-auto-flow:row!important;grid-template-rows:none!important;gap:var(--wg-card-gap)!important;justify-content:start!important;overflow:visible!important;padding:0!important}
html body[data-page="games"] #all-games #cat-provider-row .mp-game{display:flex!important;flex-direction:column!important;min-width:0!important;overflow:hidden!important;grid-column:auto!important;grid-row:auto!important;order:initial!important}
html body[data-page="games"] #all-games #cat-provider-row .mp-card-visual{position:relative!important;flex:none!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:3/4!important;padding:0!important;background:#181019!important;overflow:hidden!important}
html body[data-page="games"] #all-games #cat-provider-row .mp-card-visual>img.wg-game-cover{position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:contain!important;padding:0!important;margin:0!important;border-radius:0!important;filter:none!important;transform:none!important;opacity:1!important}
html body[data-page="games"] #all-games #cat-provider-row .mp-card-visual::after{display:none!important}
html body[data-page="games"] #all-games #cat-provider-row .mp-card-content{position:static!important;flex:1!important;inset:auto!important;transform:none!important;width:100%!important;background:#21171f!important}
html body[data-page="games"] #all-games #cat-provider-row .mp-card-content :is(.mp-status,h3,p),html body[data-page="games"] #all-games #cat-provider-row .wg-mode-badge{display:none!important}
/* Provider page and game lobby use the same width, height, typography and action. */
html body.wg-soft-lobby-page .wp-lobby,html.wg-soft-ui .soft-lobby-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,var(--wg-card-width)))!important;justify-content:start!important;align-items:stretch!important;gap:var(--wg-card-gap)!important}
html body.wg-soft-lobby-page .wp-game-link,html.wg-soft-ui .soft-lobby-grid>a{box-sizing:border-box!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:5px!important;min-width:0!important;height:var(--wg-card-height)!important;padding:8px!important;border-radius:16px!important;border:1px solid #714257!important;background:linear-gradient(145deg,#2a202f,#18121d)!important;text-align:center!important}
html body.wg-soft-lobby-page .wp-game-link img.wg-game-cover,html.wg-soft-ui .soft-lobby-grid img.wg-game-cover{display:block!important;flex:none!important;width:100%!important;height:auto!important;max-width:100%!important;aspect-ratio:3/4!important;object-fit:contain!important;padding:0!important;margin:0!important;background:none!important;border-radius:10px!important}
html body.wg-soft-lobby-page .wp-game-link strong,html.wg-soft-ui .soft-lobby-grid strong{font-size:var(--wg-card-title)!important;line-height:1.3!important;margin:0!important}
html.wg-soft-ui .soft-lobby-grid>a>span{display:none!important}
html body.wg-soft-lobby-page .wp-game-link>b,html.wg-soft-ui .soft-lobby-grid>a>b{box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:center!important;align-self:stretch!important;flex:none!important;margin-top:auto!important;min-height:var(--wg-action-height)!important;height:var(--wg-action-height)!important;padding:0 6px!important;font-size:var(--wg-action-font)!important;line-height:1.2!important;border-radius:10px!important;color:#fff!important;background:linear-gradient(135deg,#fa3668,#cc1142)!important;border:1px solid #ff6489!important}
html body[data-page="games"] #cat-provider{scroll-margin-top:140px!important}
html body[data-page="games"] #cat-provider-title{display:flex!important;align-items:center!important;gap:10px!important;min-height:38px!important}
html body[data-page="games"] #cat-provider-title .wg-provider-emblem{display:block!important;flex:none!important;width:38px!important;height:38px!important;object-fit:contain!important}
@media(max-width:374px){html body[data-page="games"] #all-games{--wg-card-width:calc((100vw - 62px)/2)}}
@media(max-width:820px){
 html body[data-page="games"] #all-games #cat-provider-row,html body.wg-soft-lobby-page .wp-lobby,html.wg-soft-ui .soft-lobby-grid{grid-template-columns:repeat(2,minmax(0,var(--wg-card-width)))!important}
 html body[data-page="games"] #all-games .mp-game{width:var(--wg-card-width)!important;font-size:14px!important}
}
}

@layer wg-overrides {
/* One limits row immediately above Play, on every catalogue card. */
html body[data-page="games"] #all-games .wg-cover-zero { display:none!important; }
html body[data-page="games"] #all-games .mp-game .mp-card-bottom { display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:0!important;width:100%!important; }
html body[data-page="games"] #all-games .mp-game .mp-card-action { width:100%!important;min-width:0!important;white-space:nowrap!important; }
html body[data-page="games"] #all-games .wg-card-limits { display:block!important;position:static!important;margin:0 0 6px!important;padding:0!important;border:0!important;background:none!important;color:var(--wg-ui-gold,#f4d27e)!important;font:700 12px/1.25 var(--wg-font-ui,Arimo,Arial,sans-serif)!important;text-align:left;white-space:nowrap; }
html body[data-page="games"] #all-games #cat-provider-row .mp-card-visual { flex:1 1 0!important;aspect-ratio:auto!important;min-height:0!important; }
html body[data-page="games"] #all-games #cat-provider-row .mp-card-content { flex:0 0 auto!important; }
html body[data-page="games"] #all-games #cat-provider-row .wg-card-limits { text-align:center; }
}