/*
 * V179 mobile action equalizer
 * Small, final-cascade fixes verified at 360x800 and 390x844.
 */
@media (min-width:821px) and (pointer:fine){
  body.son-harf-page{
    background:
      linear-gradient(180deg,rgba(238,246,250,.72),rgba(232,242,247,.86)),
      url("v60-ui/backgrounds/webp-hd/son-harf-hall-hd.webp")
      center top/cover fixed no-repeat!important;
  }
}

@media (max-width:820px), (pointer:coarse){
  body.wos-keyboard-open .mobile-app-nav-v154,
  body.wos-mobile-keyboard-open .mobile-app-nav-v154{
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
    transform:translateY(120%)!important;
  }

  body.wos-keyboard-open .mobile-app-scroll-spacer-v154,
  body.wos-mobile-keyboard-open .mobile-app-scroll-spacer-v154{
    display:none!important;
  }

  input,
  select,
  textarea{
    scroll-margin-block:84px 160px;
  }

  body.worldCupMode #fixtures .compactDetailBtn.v62DetailBtn{
    height:auto!important;
    min-height:40px!important;
    padding:7px 5px!important;
    font-size:9px!important;
    line-height:1.12!important;
    white-space:normal!important;
  }

  body.worldCupMode #fixtures .v62TeamChip{
    min-height:30px!important;
  }

  body.worldCupMode #fixtures .v62TeamChip .teamMini>span:last-child{
    display:-webkit-box!important;
    overflow:hidden!important;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    white-space:normal!important;
    text-overflow:ellipsis!important;
    line-height:1.08!important;
  }

  body.worldCupMode #seasonPill{
    height:auto!important;
    min-height:36px!important;
    white-space:normal!important;
    line-height:1.15!important;
  }

  body.onlineMode #onlineModeHint{
    display:none!important;
  }

  #onlineSetup .online-intro h3{
    color:#0d2d48!important;
    text-shadow:none!important;
  }

  #root .search-menu,
  #root .search-menu *{
    box-sizing:border-box!important;
  }

  body.wos-career-search-active #root .wos-active-club-card .search-menu button,
  body.wos-keyboard-open #root .club-search:focus-within .search-menu button{
    box-sizing:border-box!important;
    width:100%!important;
    max-width:100%!important;
  }

  @media (max-width:370px){
    body.wos-career-search-active #root .wos-active-club-card .search-menu,
    body.wos-keyboard-open #root .club-search:focus-within .search-menu{
      width:calc(100vw - 54px)!important;
      max-width:calc(100vw - 54px)!important;
    }
  }

  body:has(#multiOverlay.show){
    overflow:hidden!important;
    overscroll-behavior:none!important;
  }

  body:has(#multiOverlay.show) #stage{
    contain:none!important;
    perspective:none!important;
    isolation:auto!important;
    overflow:visible!important;
  }

  #multiOverlay.show{
    position:fixed!important;
    inset:0!important;
    z-index:2147483647!important;
    display:flex!important;
    width:100%!important;
    height:100dvh!important;
    padding:max(6px,env(safe-area-inset-top)) 6px max(6px,env(safe-area-inset-bottom))!important;
    overflow:hidden!important;
    align-items:stretch!important;
    justify-content:stretch!important;
    background:linear-gradient(180deg,rgba(2,10,20,.985),rgba(3,16,28,.99))!important;
  }

  #multiOverlay.show .multiModal.plSplitModal{
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;
    border-radius:18px!important;
  }

  #multiOverlay.show .plMenuSplit.plMultiSplit{
    display:flex!important;
    flex-direction:column!important;
    width:100%!important;
    height:auto!important;
    min-height:100%!important;
    max-height:none!important;
    padding:8px!important;
    gap:10px!important;
    overflow:visible!important;
  }

  #multiOverlay.show .plRoomPane{
    order:1!important;
    position:static!important;
    inset:auto!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    padding:12px!important;
    gap:9px!important;
    overflow:visible!important;
  }

  #multiOverlay.show .plTeamPane{
    order:2!important;
    position:static!important;
    inset:auto!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    padding:10px!important;
    overflow:visible!important;
  }

  #multiOverlay.show .plPaneHeader h1,
  #multiOverlay.show .plPaneHeader p{
    display:block!important;
  }

  #multiOverlay.show .multiGrid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
  }

  #multiOverlay.show input{
    min-height:48px!important;
    padding:11px 12px!important;
    font-size:16px!important;
  }

  #multiOverlay.show #mpLeagueTabs{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
    height:auto!important;
    max-height:none!important;
    overflow:visible!important;
  }

  #multiOverlay.show #mpLeagueTabs .setupTab,
  #multiOverlay.show .plRoomActions button,
  #multiOverlay.show .plReadyActions button,
  #multiOverlay.show #mpFormat button{
    height:auto!important;
    min-height:44px!important;
    max-height:none!important;
    padding:9px 10px!important;
    font-size:11px!important;
    line-height:1.12!important;
  }

  #multiOverlay.show #mpBackBtn{
    height:auto!important;
    min-height:44px!important;
    max-height:none!important;
  }

  #multiOverlay.show .plRoomActions,
  #multiOverlay.show .plReadyActions{
    position:static!important;
    inset:auto!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    gap:8px!important;
    overflow:visible!important;
    background:transparent!important;
    box-shadow:none!important;
  }

  #multiOverlay.show #mpFormat,
  #multiOverlay.show #mpRoomInfo,
  #multiOverlay.show #mpPlayers,
  #multiOverlay.show #mpNote{
    position:static!important;
    width:100%!important;
    height:auto!important;
    min-height:40px!important;
    max-height:none!important;
    margin:0!important;
    overflow:visible!important;
  }

  #multiOverlay.show #mpPlayers{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:6px!important;
  }

  #multiOverlay.show #mpTeamGrid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-auto-rows:auto!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:8px 0 0!important;
    padding:2px!important;
    gap:7px!important;
    overflow:visible!important;
  }

  #multiOverlay.show #mpTeamGrid .teamPick{
    display:grid!important;
    grid-template-columns:40px minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;
    align-items:center!important;
    width:100%!important;
    height:auto!important;
    min-height:72px!important;
    padding:8px!important;
    gap:2px 7px!important;
    overflow:visible!important;
    text-align:left!important;
  }

  #multiOverlay.show #mpTeamGrid .pickLogo{
    grid-row:1/3!important;
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    max-width:38px!important;
  }

  #multiOverlay.show #mpTeamGrid .teamPick b,
  #multiOverlay.show #mpTeamGrid .teamPick span{
    overflow:visible!important;
    white-space:normal!important;
    text-overflow:clip!important;
    overflow-wrap:anywhere!important;
  }

  #multiOverlay.show #mpTeamGrid .teamPick b{
    font-size:10px!important;
    line-height:1.12!important;
  }

  #multiOverlay.show #mpTeamGrid .teamPick span{
    font-size:7.5px!important;
    line-height:1.15!important;
  }
}