/* HBS FANS — native app layer v1.2
   Browser/PWA design stays untouched. These rules activate only inside the
   native shell and are deliberately loaded LAST in <head>. */
:root{
  --hbs-safe-top:env(safe-area-inset-top,0px);
  --hbs-safe-right:env(safe-area-inset-right,0px);
  --hbs-safe-bottom:env(safe-area-inset-bottom,0px);
  --hbs-safe-left:env(safe-area-inset-left,0px);
}
html.hbs-native-app{min-height:100%;background:#f8f6f2;overscroll-behavior-y:none;-webkit-tap-highlight-color:transparent}
html.hbs-native-app body{min-height:100dvh;padding-top:var(--hbs-safe-top);padding-right:var(--hbs-safe-right);padding-left:var(--hbs-safe-left);background:#f8f6f2}
html.hbs-native-app button,html.hbs-native-app a,html.hbs-native-app [role="button"]{touch-action:manipulation}
html.hbs-native-app .site-head,html.hbs-native-app .site-head.is-compact{top:0!important}
html.hbs-native-app .drawer{padding-top:max(22px,var(--hbs-safe-top));padding-right:max(22px,var(--hbs-safe-right));padding-bottom:max(22px,var(--hbs-safe-bottom));padding-left:max(22px,var(--hbs-safe-left))}
html.hbs-native-app .flash-stack{top:calc(118px + var(--hbs-safe-top));left:max(22px,var(--hbs-safe-left))}
html.hbs-native-app .page-loader,html.hbs-native-app .victory-overlay{padding-top:var(--hbs-safe-top);padding-right:var(--hbs-safe-right);padding-bottom:var(--hbs-safe-bottom);padding-left:var(--hbs-safe-left)}
html.hbs-native-app.hbs-offline::after{content:"אין כרגע חיבור לאינטרנט";position:fixed;z-index:1000;top:calc(var(--hbs-safe-top) + 8px);left:50%;transform:translateX(-50%);direction:rtl;max-width:calc(100vw - 32px);padding:8px 14px;background:#09090b;color:#fff;border-bottom:3px solid #cf0925;font:800 11px/1.2 var(--font,Arial,sans-serif);white-space:nowrap;box-shadow:0 10px 28px rgba(0,0,0,.18);pointer-events:none}

@media(max-width:800px){
  html.hbs-native-app .site-footer{padding-bottom:var(--hbs-safe-bottom)}
  html.hbs-native-app .drawer-shell{min-height:min(760px,calc(100dvh - max(44px,var(--hbs-safe-top)) - max(44px,var(--hbs-safe-bottom))));max-height:calc(100dvh - max(44px,var(--hbs-safe-top)) - max(44px,var(--hbs-safe-bottom)))}

  /* Android app: intentionally mirrors the iPhone HBS FANS dock visually.
     The red Match Day tile is explicitly positioned above the dock instead
     of relying on iOS safe-area geometry. */
  html.hbs-native-app.hbs-android-app body.hbs-editorial .mobile-dock,
  html.hbs-native-app.hbs-android-app .mobile-dock{
    display:grid!important;
    position:fixed!important;
    z-index:120!important;
    left:0!important;right:0!important;bottom:0!important;
    width:100%!important;
    height:84px!important;
    box-sizing:border-box!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    padding:9px 0 0!important;
    margin:0!important;
    overflow:visible!important;
    background:#fbfaf7!important;
    border:0!important;
    border-top:1px solid #beb8b0!important;
    box-shadow:0 -12px 30px rgba(0,0,0,.075)!important;
    backdrop-filter:none!important;
  }
  html.hbs-native-app.hbs-android-app body.hbs-editorial .mobile-dock a,
  html.hbs-native-app.hbs-android-app .mobile-dock a{
    min-width:0!important;height:75px!important;padding:0!important;margin:0!important;
    position:relative!important;display:flex!important;flex-direction:column!important;
    align-items:center!important;justify-content:center!important;gap:5px!important;
    color:#737078!important;font-size:10px!important;font-weight:800!important;line-height:1!important;
    transform:none!important;
  }
  html.hbs-native-app.hbs-android-app .mobile-dock a::after{display:none!important}
  html.hbs-native-app.hbs-android-app .mobile-dock a>.icon{width:23px!important;height:23px!important;flex:0 0 auto!important}
  html.hbs-native-app.hbs-android-app .mobile-dock a.on{color:#d80b2f!important}

  html.hbs-native-app.hbs-android-app body.hbs-editorial .mobile-dock .match-dock,
  html.hbs-native-app.hbs-android-app .mobile-dock .match-dock{
    overflow:visible!important;color:#111!important;justify-content:flex-end!important;padding-bottom:13px!important;
  }
  html.hbs-native-app.hbs-android-app body.hbs-editorial .mobile-dock .match-dock .dock-ball,
  html.hbs-native-app.hbs-android-app .mobile-dock .match-dock .dock-ball{
    position:absolute!important;z-index:3!important;top:-24px!important;left:50%!important;
    transform:translateX(-50%)!important;
    width:60px!important;height:60px!important;min-width:60px!important;min-height:60px!important;
    margin:0!important;padding:0!important;box-sizing:border-box!important;
    display:grid!important;place-items:center!important;
    background:#d80b2f!important;color:#fff!important;
    border:6px solid #fbfaf7!important;border-radius:0!important;
    box-shadow:0 8px 18px rgba(216,11,47,.16)!important;
  }
  html.hbs-native-app.hbs-android-app .mobile-dock .match-dock .dock-ball .icon{width:29px!important;height:29px!important}
  html.hbs-native-app.hbs-android-app .mobile-dock .match-dock>span:last-child{
    display:block!important;margin:0!important;color:#111!important;font-size:11px!important;font-weight:850!important;line-height:1!important;white-space:nowrap!important
  }
  html.hbs-native-app.hbs-android-app .mobile-dock .match-dock.on>span:last-child{color:#111!important}
}

@media(display-mode:standalone){html,body{min-height:100dvh}}