/* Poker mobile shell: inherited body padding must not clip the bottom navigation. */
html[data-brand="betwin"]:is([data-device-ui="phone"], [data-device-ui="large-mobile"]) body:has(#root > .game-session-page:is([data-poker-shell="true"], :has(iframe[src*="/poker/v44/"]))) {
  height: 100dvh !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

html[data-brand="betwin"]:is([data-device-ui="phone"], [data-device-ui="large-mobile"]) body #root:has(> .game-session-page:is([data-poker-shell="true"], :has(iframe[src*="/poker/v44/"]))) {
  height: 100dvh !important;
  min-height: 0 !important;
  max-height: 100dvh !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

html[data-brand="betwin"]:is([data-device-ui="phone"], [data-device-ui="large-mobile"]) body #root > .game-session-page:is([data-poker-shell="true"], :has(iframe[src*="/poker/v44/"])) {
  --poker-footer-space: calc(70px + env(safe-area-inset-bottom, 0px));
  position: fixed !important;
  inset: 0 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: auto minmax(0, 1fr) var(--poker-footer-space) !important;
  width: 100% !important;
  height: 100dvh !important;
  min-height: 0 !important;
  max-height: 100dvh !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

html[data-brand="betwin"]:is([data-device-ui="phone"], [data-device-ui="large-mobile"]) body #root > .game-session-page:is([data-poker-shell="true"], :has(iframe[src*="/poker/v44/"])) > .game-session-bar {
  grid-row: 1 !important;
  grid-column: 1 !important;
}

html[data-brand="betwin"]:is([data-device-ui="phone"], [data-device-ui="large-mobile"]) body #root > .game-session-page:is([data-poker-shell="true"], :has(iframe[src*="/poker/v44/"])) > :is(iframe, .game-session-frame-placeholder) {
  grid-row: 2 !important;
  grid-column: 1 !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  max-height: 100% !important;
}

html[data-brand="betwin"]:is([data-device-ui="phone"], [data-device-ui="large-mobile"]) body #root > .game-session-page:is([data-poker-shell="true"], :has(iframe[src*="/poker/v44/"])) > .game-session-mobile-bottom {
  display: grid !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: relative !important;
  inset: auto !important;
  grid-row: 3 !important;
  grid-column: 1 !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  align-self: stretch !important;
  width: 100% !important;
  height: var(--poker-footer-space) !important;
  min-height: var(--poker-footer-space) !important;
  margin: 0 !important;
  padding: 0 0 env(safe-area-inset-bottom, 0px) !important;
  box-sizing: border-box !important;
  z-index: 40 !important;
}

@media (orientation: landscape) {
  html[data-brand="betwin"][data-device-ui="phone"] body #root > .game-session-page:is([data-poker-shell="true"], :has(iframe[src*="/poker/v44/"])) {
    grid-template-rows: minmax(0, 1fr) var(--poker-footer-space) !important;
  }
  html[data-brand="betwin"][data-device-ui="phone"] body #root > .game-session-page:is([data-poker-shell="true"], :has(iframe[src*="/poker/v44/"])) > :is(iframe, .game-session-frame-placeholder) {
    grid-row: 1 !important;
  }
  html[data-brand="betwin"][data-device-ui="phone"] body #root > .game-session-page:is([data-poker-shell="true"], :has(iframe[src*="/poker/v44/"])) > .game-session-mobile-bottom {
    grid-row: 2 !important;
  }
}
