/* SF1 (2026-10-25): screen fixes №37 №2 №10 №30 №43. Same rules in both early layers: whichever layer a page
   declares first wins for !important, so the fix holds on every page. */
@layer wgfix44 {
/* №37 (phones): the UX46 «‹ Игры | game» pill sat under the header icons (letters showed between them).
   On phones the header has no room for it: hidden again, as before UX46 (menu ☰ and the bottom «Игры» stay). */
@media (max-width:860px){
  html body:not(#sf1) nav.wg-crumbs.wg-crumbs { display:none !important; }
}

/* №2 (phones): the side menu. The ☰ button is always on top of its neighbours and reacts to a tap at once;
   the open drawer is drawn without the SVG wave mask / paint containment (iOS WebKit can drop the content or the
   taps of a masked scrolling fixed panel), straight edge with rounded corners instead. */
@media (max-width:780px){
  html body:not(#sf1) :is(.mp-menu-toggle,.wg-shell-toggle) { z-index:60 !important; touch-action:manipulation !important; pointer-events:auto !important; }
  html body.menu-open:not(#sf1) aside.mp-sidebar,
  html body.wg-shell-open:not(#sf1) aside.wg-shell-sidebar {
    -webkit-mask:none !important; mask:none !important; contain:none !important;
    transform:none !important; visibility:visible !important;
    border-radius:0 22px 22px 0 !important; -webkit-overflow-scrolling:touch; overscroll-behavior:contain;
  }
}

/* №10: header icons look the same in the catalogue and in every game (theme, sound, language, bell, profile). */
html:not(#sf1) body #wg-header-controls :is(.wg-snd-btn,.wgt-theme,.mp-theme-toggle,.mp-lang,.p23-payments-quick,.mp-account-link,.pe-btn) {
  background:#201f24 !important; background-image:none !important; border:1px solid rgba(225,29,72,.5) !important;
  border-radius:10px !important; color:#f3e6e9 !important; box-shadow:none !important; opacity:1 !important;
}
html:not(#sf1) body #wg-header-controls :is(.wg-snd-btn,.wgt-theme,.mp-theme-toggle,.mp-lang,.p23-payments-quick,.mp-account-link,.pe-btn):is(:hover,:focus-visible) {
  background:#2a272f !important; border-color:#e11d48 !important; color:#fff !important;
}
html[data-theme="light"]:not(#sf1) body #wg-header-controls :is(.wg-snd-btn,.wgt-theme,.mp-theme-toggle,.mp-lang,.p23-payments-quick,.mp-account-link,.pe-btn) {
  background:#fbf4f5 !important; border-color:rgba(225,29,72,.45) !important; color:#4a2734 !important;
}
html[data-theme="light"]:not(#sf1) body #wg-header-controls :is(.wg-snd-btn,.wgt-theme,.mp-theme-toggle,.mp-lang,.p23-payments-quick,.mp-account-link,.pe-btn):is(:hover,:focus-visible) {
  background:#fff !important; border-color:#e11d48 !important; color:#9f1239 !important;
}
html:not(#sf1) body #wg-header-controls :is(.wg-snd-btn,.wgt-theme,.mp-theme-toggle,.mp-lang,.p23-payments-quick,.mp-account-link,.pe-btn) svg { color:inherit !important; }
html:not(#sf1) body #wg-header-controls :is(.wgt-theme,.mp-theme-toggle) svg { width:18px !important; height:18px !important; }

/* №30 (desktop): the «Онлайн» + wins strip moves up into the empty left part of the header (sf1.js moves it). */
@media (min-width:1100px){
  html body:not(#sf1) .mp-topbar > section.wg-live-strip.sf1-top {
    position:static !important; top:auto !important; flex:1 1 auto !important; min-width:0 !important; width:auto !important;
    max-width:none !important; margin:0 !important; align-self:center !important; overflow:hidden !important;
  }
}

/* №43 (desktop, Кено and the other live games): the main button («Войти и играть» / «Купить билет») was cut off
   at the bottom of the scrolling bet panel (Кено at any height, the other live games on low laptop screens).
   It now stays pinned at the bottom of the panel, on an opaque backdrop. */
@media (min-width:901px){
  html body:not(#sf1) .lrk-side.u-controls :is(button#play,.wg-guest-play) { position:sticky !important; bottom:0 !important; z-index:4 !important; }
  html body:not(#sf1) .lrk-side.u-controls .wg-guest-play { z-index:5 !important; background:#19161f !important; padding-top:8px !important; padding-bottom:6px !important; box-shadow:0 -14px 14px -2px #19161f !important; }
  html body:not(#sf1) .lrk-side.u-controls button#play { box-shadow:0 10px 0 2px #19161f, 0 -12px 14px -2px #19161f !important; }
  html body:not(#sf1) .lrk-side.u-controls button#play:disabled { opacity:1 !important; filter:none !important; background:#2b2530 !important; background-image:none !important; color:#b3a6ad !important; border-color:#3a3340 !important; }
}

}
@layer wg-polish26 {
/* №37 (phones): the UX46 «‹ Игры | game» pill sat under the header icons (letters showed between them).
   On phones the header has no room for it: hidden again, as before UX46 (menu ☰ and the bottom «Игры» stay). */
@media (max-width:860px){
  html body:not(#sf1) nav.wg-crumbs.wg-crumbs { display:none !important; }
}

/* №2 (phones): the side menu. The ☰ button is always on top of its neighbours and reacts to a tap at once;
   the open drawer is drawn without the SVG wave mask / paint containment (iOS WebKit can drop the content or the
   taps of a masked scrolling fixed panel), straight edge with rounded corners instead. */
@media (max-width:780px){
  html body:not(#sf1) :is(.mp-menu-toggle,.wg-shell-toggle) { z-index:60 !important; touch-action:manipulation !important; pointer-events:auto !important; }
  html body.menu-open:not(#sf1) aside.mp-sidebar,
  html body.wg-shell-open:not(#sf1) aside.wg-shell-sidebar {
    -webkit-mask:none !important; mask:none !important; contain:none !important;
    transform:none !important; visibility:visible !important;
    border-radius:0 22px 22px 0 !important; -webkit-overflow-scrolling:touch; overscroll-behavior:contain;
  }
}

/* №10: header icons look the same in the catalogue and in every game (theme, sound, language, bell, profile). */
html:not(#sf1) body #wg-header-controls :is(.wg-snd-btn,.wgt-theme,.mp-theme-toggle,.mp-lang,.p23-payments-quick,.mp-account-link,.pe-btn) {
  background:#201f24 !important; background-image:none !important; border:1px solid rgba(225,29,72,.5) !important;
  border-radius:10px !important; color:#f3e6e9 !important; box-shadow:none !important; opacity:1 !important;
}
html:not(#sf1) body #wg-header-controls :is(.wg-snd-btn,.wgt-theme,.mp-theme-toggle,.mp-lang,.p23-payments-quick,.mp-account-link,.pe-btn):is(:hover,:focus-visible) {
  background:#2a272f !important; border-color:#e11d48 !important; color:#fff !important;
}
html[data-theme="light"]:not(#sf1) body #wg-header-controls :is(.wg-snd-btn,.wgt-theme,.mp-theme-toggle,.mp-lang,.p23-payments-quick,.mp-account-link,.pe-btn) {
  background:#fbf4f5 !important; border-color:rgba(225,29,72,.45) !important; color:#4a2734 !important;
}
html[data-theme="light"]:not(#sf1) body #wg-header-controls :is(.wg-snd-btn,.wgt-theme,.mp-theme-toggle,.mp-lang,.p23-payments-quick,.mp-account-link,.pe-btn):is(:hover,:focus-visible) {
  background:#fff !important; border-color:#e11d48 !important; color:#9f1239 !important;
}
html:not(#sf1) body #wg-header-controls :is(.wg-snd-btn,.wgt-theme,.mp-theme-toggle,.mp-lang,.p23-payments-quick,.mp-account-link,.pe-btn) svg { color:inherit !important; }
html:not(#sf1) body #wg-header-controls :is(.wgt-theme,.mp-theme-toggle) svg { width:18px !important; height:18px !important; }

/* №30 (desktop): the «Онлайн» + wins strip moves up into the empty left part of the header (sf1.js moves it). */
@media (min-width:1100px){
  html body:not(#sf1) .mp-topbar > section.wg-live-strip.sf1-top {
    position:static !important; top:auto !important; flex:1 1 auto !important; min-width:0 !important; width:auto !important;
    max-width:none !important; margin:0 !important; align-self:center !important; overflow:hidden !important;
  }
}

/* №43 (desktop, Кено and the other live games): the main button («Войти и играть» / «Купить билет») was cut off
   at the bottom of the scrolling bet panel (Кено at any height, the other live games on low laptop screens).
   It now stays pinned at the bottom of the panel, on an opaque backdrop. */
@media (min-width:901px){
  html body:not(#sf1) .lrk-side.u-controls :is(button#play,.wg-guest-play) { position:sticky !important; bottom:0 !important; z-index:4 !important; }
  html body:not(#sf1) .lrk-side.u-controls .wg-guest-play { z-index:5 !important; background:#19161f !important; padding-top:8px !important; padding-bottom:6px !important; box-shadow:0 -14px 14px -2px #19161f !important; }
  html body:not(#sf1) .lrk-side.u-controls button#play { box-shadow:0 10px 0 2px #19161f, 0 -12px 14px -2px #19161f !important; }
  html body:not(#sf1) .lrk-side.u-controls button#play:disabled { opacity:1 !important; filter:none !important; background:#2b2530 !important; background-image:none !important; color:#b3a6ad !important; border-color:#3a3340 !important; }
}

}