/* BADAWY_GLOBAL_MOBILE_BOTTOM_NAV_20260705 */
.btv-global-mobile-bottom-nav {
  display: none;
}

@media (max-width: 820px) {
  body {
    padding-bottom: 92px !important;
  }

  .live-bottom-nav,
  .programs-mobile-safe-bottom,
  .programs-mobile-bottom,
  .mobile-bottom-nav,
  .bottom-nav,
  .btv-bottom-nav,
  .app-bottom-nav {
    display: none !important;
  }

  .btv-global-mobile-bottom-nav {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    height: 86px;
    z-index: 99999;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    align-items: center;
    background: rgba(255, 255, 255, .98);
    border-top: 1px solid rgba(0,0,0,.14);
    box-shadow: 0 -8px 28px rgba(0,0,0,.10);
    padding: 6px 6px 7px;
    -webkit-backdrop-filter: blur(14px);
    backdrop-filter: blur(14px);
  }

  .btv-global-mobile-bottom-nav a {
    min-width: 0;
    height: 72px;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 4px;
    color: #111;
    text-decoration: none !important;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    border-radius: 14px;
    -webkit-tap-highlight-color: transparent;
  }

  .btv-global-mobile-bottom-nav a svg {
    width: 30px;
    height: 30px;
    display: block;
    stroke-width: 2.35;
  }

  .btv-global-mobile-bottom-nav a span {
    display: block;
    white-space: nowrap;
    text-align: center;
  }

  .btv-global-mobile-bottom-nav a.active {
    color: #ed0c14;
    font-weight: 700;
  }

  .btv-global-mobile-bottom-nav a:active {
    background: rgba(237, 12, 20, .08);
  }
}

@media (max-width: 380px) {
  .btv-global-mobile-bottom-nav {
    height: 82px;
  }

  .btv-global-mobile-bottom-nav a {
    height: 68px;
    font-size: 12px;
  }

  .btv-global-mobile-bottom-nav a svg {
    width: 27px;
    height: 27px;
  }

  body {
    padding-bottom: 88px !important;
  }
}

/* BADAWY_FORCE_TRUE_BOTTOM_MOBILE_NAV_20260705 */
@media (max-width: 920px) {
  html,
  body {
    min-height: 100% !important;
    overflow-x: hidden !important;
  }

  body {
    padding-bottom: calc(92px + env(safe-area-inset-bottom, 0px)) !important;
  }

  /* Hide old floating/page-specific mobile navs that appear under the top header */
  .programs-mobile-safe-bottom,
  .programs-mobile-bottom,
  .live-bottom-nav,
  .mobile-bottom-nav,
  .bottom-nav,
  .btv-bottom-nav,
  .app-bottom-nav,
  .profile-bottom-nav,
  .video-bottom-nav,
  .reel-bottom-nav,
  .footer-mobile-nav,
  nav[class*="bottom"]:not(.btv-global-mobile-bottom-nav) {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  .btv-global-mobile-bottom-nav {
    display: grid !important;
    position: fixed !important;
    top: auto !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100vw !important;
    height: calc(86px + env(safe-area-inset-bottom, 0px)) !important;
    min-height: calc(86px + env(safe-area-inset-bottom, 0px)) !important;
    max-height: calc(86px + env(safe-area-inset-bottom, 0px)) !important;
    z-index: 2147483647 !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    align-items: start !important;
    justify-items: stretch !important;
    direction: ltr !important;
    background: rgba(255,255,255,.98) !important;
    border-top: 1px solid rgba(0,0,0,.14) !important;
    border-radius: 0 !important;
    box-shadow: 0 -8px 28px rgba(0,0,0,.14) !important;
    padding: 6px 6px calc(7px + env(safe-area-inset-bottom, 0px)) !important;
    margin: 0 !important;
    transform: translateZ(0) !important;
    -webkit-transform: translateZ(0) !important;
    -webkit-backdrop-filter: blur(14px) !important;
    backdrop-filter: blur(14px) !important;
  }

  .btv-global-mobile-bottom-nav a {
    width: 100% !important;
    min-width: 0 !important;
    height: 72px !important;
    display: grid !important;
    grid-template-rows: 36px 20px !important;
    place-items: center !important;
    align-content: center !important;
    justify-content: center !important;
    gap: 3px !important;
    color: #111 !important;
    text-decoration: none !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 14px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 1 !important;
    text-align: center !important;
    white-space: nowrap !important;
  }

  .btv-global-mobile-bottom-nav a svg {
    width: 31px !important;
    height: 31px !important;
    display: block !important;
    margin: 0 auto !important;
  }

  .btv-global-mobile-bottom-nav a span {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
  }

  .btv-global-mobile-bottom-nav a.active {
    color: #ed0c14 !important;
    font-weight: 800 !important;
  }

  .btv-global-mobile-bottom-nav a.active::after {
    content: "" !important;
    width: 36px !important;
    height: 4px !important;
    border-radius: 999px !important;
    background: #f4b000 !important;
    display: block !important;
    margin-top: 2px !important;
  }
}

/* BADAWY_MOBILE_FIXED_TOP_AND_FAST_BOTTOM_20260705 */
@media (max-width: 920px) {
  html,
  body {
    overflow-x: hidden !important;
  }

  body {
    padding-bottom: calc(92px + env(safe-area-inset-bottom, 0px)) !important;
  }

  .btv-global-mobile-bottom-nav {
    position: fixed !important;
    top: auto !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100vw !important;
    height: calc(86px + env(safe-area-inset-bottom, 0px)) !important;
    z-index: 2147483647 !important;
    transform: translate3d(0,0,0) !important;
    -webkit-transform: translate3d(0,0,0) !important;
    will-change: transform !important;
  }

  /*
    Fixed mobile top nav on normal public pages.
    This targets the white top bar from the homepage screenshot and other page headers.
  */
  body > header:first-of-type,
  .site-header,
  .main-header,
  .public-header,
  .mobile-header,
  .top-nav,
  .btv-mobile-top,
  .programs-mobile-safe-top,
  .programs-mobile-top {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 2147483000 !important;
    transform: translate3d(0,0,0) !important;
    -webkit-transform: translate3d(0,0,0) !important;
    will-change: transform !important;
  }

  body.btv-mobile-fixed-top-ready {
    padding-top: var(--btv-mobile-top-height, 96px) !important;
  }

  body.btv-mobile-fixed-top-ready .hero,
  body.btv-mobile-fixed-top-ready .home-hero,
  body.btv-mobile-fixed-top-ready .site-hero,
  body.btv-mobile-fixed-top-ready .page-hero {
    margin-top: 0 !important;
  }
}

/* BADAWY_MOBILE_BOTTOM_ICON_FULL_CLICK_20260705 */
@media (max-width: 920px) {
  .btv-global-mobile-bottom-nav a {
    position: relative !important;
    cursor: pointer !important;
    pointer-events: auto !important;
    touch-action: manipulation !important;
  }

  .btv-global-mobile-bottom-nav a .btv-nav-hit {
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
    z-index: 1 !important;
  }

  .btv-global-mobile-bottom-nav a svg,
  .btv-global-mobile-bottom-nav a .btv-nav-label {
    position: relative !important;
    z-index: 2 !important;
    pointer-events: none !important;
  }
}