/* Shared betting bits used on every /statymai and /lazybu-bendroves page. */
body.betting-page{background:#f5f7fb}
.msb .tab[aria-current=page]{background:#172650;border-color:#172650;color:#fff}
.msb .spotlight-article:nth-child(n):before{background-image:var(--cover)!important}

.msb .archive{background:#fff;border:1px solid #e0e6f3;border-radius:14px;margin-top:16px;overflow:hidden}
.msb .archive summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 17px;cursor:pointer;list-style:none}
.msb .archive summary::-webkit-details-marker{display:none}
.msb .archive summary strong{display:block;font-size:14px;color:#1d2a52}
.msb .archive summary small{display:block;margin-top:2px;color:#8896ad;font-size:11px;font-weight:600}
.msb .archive-toggle{width:28px;height:28px;border-radius:8px;background:#f3f6fb;color:#5b6f8c;display:grid;place-items:center;font-size:18px;line-height:1}
.msb .archive[open] .archive-toggle{transform:rotate(45deg)}
.msb .archive .rows{border-top:1px solid #edf0f5}
.msb .tip-row.is-finished{background:#fafbfd}
.msb .tip-result{display:inline-block;margin-top:5px;font-size:10px;font-style:normal;font-weight:800;padding:3px 7px;border-radius:5px}
.msb .tip-result.is-won{background:#e7f6ec;color:#2a7a48}
.msb .tip-result.is-lost{background:#fdecec;color:#b42318}
.msb .tip-result.is-void,.msb .tip-result.is-pending{background:#eef2f9;color:#5b6b84}
@media(max-width:850px){.msb .archive summary{padding:12px 14px}.msb .archive summary strong{font-size:13px}}

/* Bookmaker logos stay muted (soft grey, still readable) so a list of partners is not a
   colour patchwork. A logo gets its real colours back when its card or row is hovered,
   focused with the keyboard, or tapped (js/statymai.js adds .is-color on tap).
   Earlier version stacked grayscale + brightness(.72) + a dark overlay on the company
   cards, which left the logos as dark smudges; the overlay is gone now. */
.msb .brand-stage,
.msb .partner-click,
.msb .companies-offers a{
  position:relative;
}
.msb .brand-stage .offer-logo,
.msb .brand-stage .brand-wordmark,
.msb .partner-click .partner-logo,
.msb .partner-click .partner-text-logo,
.msb .companies-offers .offer-logo,
.msb .companies-offers .offer-text-logo,
.msb .partner .logo-partner,
.msb .offers-list .offer-logo,
.msb .offers-list .offer-text-logo{
  filter:grayscale(1) contrast(1.05);
  opacity:.82;
  transition:filter .2s ease,opacity .2s ease;
}
.msb .company-card:hover .brand-stage .offer-logo,
.msb .company-card:hover .brand-stage .brand-wordmark,
.msb .company-card:focus-within .brand-stage .offer-logo,
.msb .company-card:focus-within .brand-stage .brand-wordmark,
.msb .brand-stage:active .offer-logo,
.msb .brand-stage:active .brand-wordmark,
.msb .brand-stage.is-color .offer-logo,
.msb .brand-stage.is-color .brand-wordmark,
.msb .tip-row:hover .partner-click .partner-logo,
.msb .tip-row:hover .partner-click .partner-text-logo,
.msb .tip-row:focus-within .partner-click .partner-logo,
.msb .tip-row:focus-within .partner-click .partner-text-logo,
.msb .partner-click:hover .partner-logo,
.msb .partner-click:hover .partner-text-logo,
.msb .partner-click:focus-visible .partner-logo,
.msb .partner-click:focus-visible .partner-text-logo,
.msb .partner-click:active .partner-logo,
.msb .partner-click.is-color .partner-logo,
.msb .partner-click.is-color .partner-text-logo,
.msb .companies-offers a:hover .offer-logo,
.msb .companies-offers a:hover .offer-text-logo,
.msb .companies-offers a:focus-visible .offer-logo,
.msb .companies-offers a:focus-visible .offer-text-logo,
.msb .companies-offers a:active .offer-logo,
.msb .companies-offers a.is-color .offer-logo,
.msb .companies-offers a.is-color .offer-text-logo,
.msb .partner:hover .logo-partner,
.msb .partner.is-color .logo-partner,
.msb .offers-list a:hover .offer-logo,
.msb .offers-list a:hover .offer-text-logo,
.msb .offers-list a:focus-visible .offer-logo,
.msb .offers-list a.is-color .offer-logo,
.msb .offers-list a.is-color .offer-text-logo{
  filter:none;
  opacity:1;
}
@media (prefers-reduced-motion:reduce){
  .msb .brand-stage .offer-logo,.msb .partner-click .partner-logo,.msb .offers-list .offer-logo{transition:none}
}
.msb .offer-logo.is-file,
.msb .partner-logo.is-file,
.msb .logo-partner.is-file{
  background-image:none!important;
  object-fit:contain;
  object-position:center;
}

/* Built-in partner logos are full tiles (logo on its brand colour): fill the slot. */
.msb .offer-logo.is-builtin,
.msb .partner-logo.is-builtin,
.msb .logo-partner.is-builtin,
.ms-tip-logo.is-builtin{object-fit:cover!important;object-position:center;background:none!important}