/* bet-widget.css — opcional, no <head> do site (antes do JS carregar).
   Reserva o espaço dos componentes enquanto o script não chegou: a página não "pula" (CLS). */
bet-banner:not(:defined), bet-game-banner:not(:defined), bet-house-banner:not(:defined), bet-card:not(:defined), bet-layout:not(:defined) { display: block }
bet-banner:not(:defined), bet-game-banner:not(:defined), bet-house-banner:not(:defined) { aspect-ratio: 720 / 270; border-radius: 16px; background: var(--bw-fundo, #181614) }
bet-banner[format="vertical"]:not(:defined) { aspect-ratio: 360 / 540 }
bet-banner[format="quadrado"]:not(:defined) { aspect-ratio: 1 / 1 }
bet-card:not(:defined) { aspect-ratio: 3 / 4; border-radius: var(--bw-raio, 14px); background: var(--bw-fundo-card, #1C1A18) }
bet-card[formato="quadrado"]:not(:defined) { aspect-ratio: 1 / 1 }
bet-card[formato="paisagem"]:not(:defined) { aspect-ratio: 16 / 9 }
bet-card[formato="horizontal"]:not(:defined) { aspect-ratio: 720 / 270 }
bet-card[formato="vertical"]:not(:defined) { aspect-ratio: 2 / 3 }
bet-layout:not(:defined) { min-height: 60vh }
bet-deposit-popup:not(:defined), bet-promo-popup:not(:defined) { display: none }

/* Tema: troque as cores e fontes da lib pelas do site (também dá com BetWidget.configure({ tema })).
:root {
  --bw-destaque: #FF6B00;      botões, selos, chips ativos
  --bw-fundo: #181614;         superfícies (busca, chips, botões secundários)
  --bw-fundo-2: #211E1B;
  --bw-texto: #F4EFEA;         texto da página
  --bw-texto-suave: #A39A91;   contadores, legendas
  --bw-borda: #2C2824;
  --bw-fundo-card: #1C1A18;    fundo dos cards sem imagem
  --bw-texto-card: #FFFFFF;
  --bw-raio: 14px;             cantos dos cards
  --bw-fonte-titulo: 'Barlow Condensed', sans-serif;
  --bw-fonte-texto: 'Barlow', system-ui, sans-serif;
  --bet-z: 2147483000;         camada dos popups
}
*/