/* ===========================================================================
   Bingo Milyonaryo - brand theme tokens (multi-brand 4.9)
   Template folder for bingomilyonaryo.betrixlab.com. The brand uses the DEFAULT
   BetrixLab skin (shipped css/), so these tokens equal the default palette
   and override nothing visible. Restyle the brand by changing the tokens
   here (or in Brand Content > Theme & Copy) and adding
   html[data-brand="bingomilyonaryo"] rules below.
   =========================================================================== */

:root[data-brand="bingomilyonaryo"] {
  --brand-page-bg: #0a0f1e;
  --brand-header-bg: #0e1428;
  --brand-card-bg: #141b34;
  --brand-card-border: #232c52;
  --brand-primary: #ffd257;
  --brand-primary-deep: #ffb01f;
  --brand-accent: #ffd257;
  --brand-cta: #ffb01f;
  --brand-cta-hover: #ffd257;
  --brand-text: #eef2ff;
  --brand-text-muted: #8b93b5;
  --brand-display-font: inherit;
}

/* Header wordmark: a two-row logo (stacked lines / script over 777), so it needs a taller slot
   (player top bar is 60px; backoffice sidebar logo is an img.h-12) */
html[data-brand="bingomilyonaryo"] .cz-logo-word { height: 50px; width: auto; max-width: 230px; object-fit: contain; }
html[data-brand="bingomilyonaryo"] #sidebar img.h-12 { height: 64px; }
@media (max-width: 767px) {
  html[data-brand="bingomilyonaryo"] .cz-logo-word { height: 44px; max-width: 170px; }
}
@media (max-width: 380px) {
  html[data-brand="bingomilyonaryo"] .cz-logo-word { height: 40px; max-width: 140px; }
}