/* BankMovie v148.4 — public header unification hotfix.
   Scope is intentionally limited: shared public header, existing mobile nav order,
   comment readability, and the already-approved support placement. */

/* Keep every existing mobile footer navigation in one visual direction.
   No new item is inserted here. */
@media (max-width:991px){
  html body .bottom-nav,
  html body .actor-bottom-nav,
  html body [data-mobile-bottom-nav]{
    direction:ltr!important;
    flex-direction:row!important;
  }
  html body .bottom-nav>[data-bm-nav-kind="profile"],
  html body .actor-bottom-nav>[data-bm-nav-kind="profile"],
  html body [data-mobile-bottom-nav]>[data-bm-nav-kind="profile"]{order:1!important}
  html body .bottom-nav>[data-bm-nav-kind="player"],
  html body .bottom-nav>[data-bm-nav-kind="application"],
  html body .actor-bottom-nav>[data-bm-nav-kind="player"],
  html body .actor-bottom-nav>[data-bm-nav-kind="application"],
  html body [data-mobile-bottom-nav]>[data-bm-nav-kind="player"],
  html body [data-mobile-bottom-nav]>[data-bm-nav-kind="application"]{order:2!important}
  html body .bottom-nav>[data-bm-nav-kind="search"],
  html body .actor-bottom-nav>[data-bm-nav-kind="search"],
  html body [data-mobile-bottom-nav]>[data-bm-nav-kind="search"]{order:3!important}
  html body .bottom-nav>[data-bm-nav-kind="home"],
  html body .actor-bottom-nav>[data-bm-nav-kind="home"],
  html body [data-mobile-bottom-nav]>[data-bm-nav-kind="home"]{order:4!important}
}

/* -------------------------------------------------------------------------
   One mobile header on every public page — same structure as home/movie.
   This block intentionally wins over page-specific .header rules.
   ------------------------------------------------------------------------- */
@media (max-width:991px){
  html body #siteHeader.bm-public-header-v148,
  html body #siteHeader.bm-public-header-v148.header,
  html body #siteHeader.bm-public-header-v148.header-solid,
  html body #siteHeader.bm-public-header-v148.header-admin{
    position:absolute!important;
    inset:0 0 auto 0!important;
    width:100%!important;
    height:66px!important;
    min-height:66px!important;
    margin:0!important;
    padding:0!important;
    z-index:9999!important;
    overflow:visible!important;
    transform:none!important;
    background:transparent!important;
    background-image:none!important;
    border:0!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    pointer-events:none!important;
  }
  html body #siteHeader.bm-public-header-v148::before,
  html body #siteHeader.bm-public-header-v148::after{content:none!important;display:none!important}

  html body #siteHeader.bm-public-header-v148 .header-inner{
    position:relative!important;
    inset:auto!important;
    display:block!important;
    width:100%!important;
    max-width:none!important;
    height:66px!important;
    min-height:66px!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    pointer-events:none!important;
  }

  html body #siteHeader.bm-public-header-v148 .desktop-nav,
  html body #siteHeader.bm-public-header-v148 .auth-dropdown,
  html body #siteHeader.bm-public-header-v148 .admin-panel-trigger,
  html body #siteHeader.bm-public-header-v148 .bm-header-request,
  html body #siteHeader.bm-public-header-v148 .request-link,
  html body #siteHeader.bm-public-header-v148 .donate-btn,
  html body #siteHeader.bm-public-header-v148 .bm-theme-toggle{
    display:none!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }

  html body #siteHeader.bm-public-header-v148 .logo{
    position:absolute!important;
    left:50%!important;
    right:auto!important;
    top:12px!important;
    transform:translateX(-50%)!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:92px!important;
    max-width:92px!important;
    height:38px!important;
    margin:0!important;
    padding:0!important;
    z-index:8!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    pointer-events:auto!important;
  }
  html body #siteHeader.bm-public-header-v148 .logo span,
  html body #siteHeader.bm-public-header-v148 .logo .logo-text{display:none!important}
  html body #siteHeader.bm-public-header-v148 .bm-header-logo-img{
    display:block!important;
    width:auto!important;
    max-width:92px!important;
    height:auto!important;
    max-height:38px!important;
    object-fit:contain!important;
    opacity:1!important;
    visibility:visible!important;
    filter:drop-shadow(0 3px 8px rgba(0,0,0,.42))!important;
  }

  html body #siteHeader.bm-public-header-v148 .header-actions{
    position:static!important;
    inset:auto!important;
    display:block!important;
    width:100%!important;
    max-width:none!important;
    height:66px!important;
    min-height:66px!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    pointer-events:none!important;
  }

  html body #siteHeader.bm-public-header-v148 .menu-btn,
  html body #siteHeader.bm-public-header-v148 .bm-header-collection,
  html body #siteHeader.bm-public-header-v148 .notif-bell,
  html body #siteHeader.bm-public-header-v148 .bm-header-search{
    position:absolute!important;
    top:11px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:44px!important;
    min-width:44px!important;
    max-width:44px!important;
    height:44px!important;
    min-height:44px!important;
    max-height:44px!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    border-radius:14px!important;
    background:rgba(11,17,27,.48)!important;
    background-image:none!important;
    border:1px solid rgba(255,255,255,.10)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 8px 22px rgba(0,0,0,.18)!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    color:#fff!important;
    opacity:1!important;
    visibility:visible!important;
    text-decoration:none!important;
    transform:none!important;
    pointer-events:auto!important;
    z-index:10!important;
  }
  html body #siteHeader.bm-public-header-v148 .menu-btn{left:12px!important;right:auto!important}
  html body #siteHeader.bm-public-header-v148 .bm-header-collection{
    left:64px!important;right:auto!important;
    color:#4ba2ff!important;
    background:rgba(18,37,72,.48)!important;
    border-color:rgba(75,153,255,.26)!important;
  }
  html body #siteHeader.bm-public-header-v148 .notif-bell{right:64px!important;left:auto!important}
  html body #siteHeader.bm-public-header-v148 .bm-header-search{right:12px!important;left:auto!important}

  html body #siteHeader.bm-public-header-v148 .bm-header-search-glow,
  html body #siteHeader.bm-public-header-v148 .bm-header-search-white,
  html body #siteHeader.bm-public-header-v148 .bm-header-search-border,
  html body #siteHeader.bm-public-header-v148 .bm-header-search-dark,
  html body #siteHeader.bm-public-header-v148 .bm-header-search-label{display:none!important}
  html body #siteHeader.bm-public-header-v148 .bm-header-search-content{
    position:static!important;
    inset:auto!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    height:100%!important;
    padding:0!important;
    color:inherit!important;
    background:transparent!important;
  }

  html body #siteHeader.bm-public-header-v148 .menu-btn svg,
  html body #siteHeader.bm-public-header-v148 .bm-header-collection svg,
  html body #siteHeader.bm-public-header-v148 .notif-bell svg,
  html body #siteHeader.bm-public-header-v148 .bm-header-search svg{
    display:block!important;
    width:24px!important;
    height:24px!important;
    stroke:currentColor!important;
    color:currentColor!important;
    stroke-width:2.05!important;
    opacity:1!important;
    visibility:visible!important;
    filter:none!important;
  }
  html body #siteHeader.bm-public-header-v148 .notif-badge{
    position:absolute!important;
    top:3px!important;
    right:3px!important;
    width:10px!important;
    height:10px!important;
    border-radius:50%!important;
    background:#ff456e!important;
    box-shadow:0 0 0 3px rgba(255,69,110,.14)!important;
  }

  /* Remove the large empty header gap on the new genre/category pages only. */
  html body:not(.has-hero):not(.movie-page) .bm-cat-wrap{margin-top:72px!important}
}

@media (max-width:380px){
  html body #siteHeader.bm-public-header-v148 .menu-btn,
  html body #siteHeader.bm-public-header-v148 .bm-header-collection,
  html body #siteHeader.bm-public-header-v148 .notif-bell,
  html body #siteHeader.bm-public-header-v148 .bm-header-search{
    width:40px!important;min-width:40px!important;max-width:40px!important;height:40px!important;min-height:40px!important;max-height:40px!important;top:13px!important
  }
  html body #siteHeader.bm-public-header-v148 .menu-btn{left:8px!important}
  html body #siteHeader.bm-public-header-v148 .bm-header-collection{left:52px!important}
  html body #siteHeader.bm-public-header-v148 .notif-bell{right:52px!important}
  html body #siteHeader.bm-public-header-v148 .bm-header-search{right:8px!important}
  html body #siteHeader.bm-public-header-v148 .logo{width:76px!important;max-width:76px!important}
  html body #siteHeader.bm-public-header-v148 .bm-header-logo-img{max-width:76px!important}
}

/* Desktop remains the existing main/movie header. Only prevent accidental overflow. */
@media (min-width:992px){
  html body #siteHeader.bm-public-header-v148 .header-inner{overflow:visible!important}
  html body #siteHeader.bm-public-header-v148 .header-actions{min-width:0!important}
  html body #siteHeader.bm-public-header-v148 .admin-panel-trigger{max-width:145px!important;overflow:hidden!important}
  html body #siteHeader.bm-public-header-v148 .admin-panel-trigger span{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
}

/* Application page must not create a second mobile header geometry. */
@media (max-width:991px){
  html body.page-app #siteHeader.bm-public-header-v148,
  html body.page-app #siteHeader.bm-public-header-v148 .header-inner,
  html body.page-app #siteHeader.bm-public-header-v148 .header-actions{height:66px!important;min-height:66px!important}
  html body.page-app .bm-app-page,
  html body.page-app .bm-app-page main{margin-top:0!important}
  html body.page-app .bm-app-page .hero{padding-top:76px!important}
}

/* Comment submit button stays readable; no pseudo-element can cover the text. */
html body #submitCommentBtn,
html body #submitCommentBtn.bm-comment-submit-safe{
  appearance:none!important;
  -webkit-appearance:none!important;
  position:relative!important;
  isolation:isolate!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:150px!important;
  width:auto!important;
  height:50px!important;
  padding:0 24px!important;
  margin-top:14px!important;
  border:1px solid rgba(255,255,255,.16)!important;
  border-radius:14px!important;
  background:#090b10!important;
  background-image:none!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  box-shadow:0 10px 25px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.06)!important;
  text-shadow:none!important;
  font-family:inherit!important;
  font-size:15px!important;
  font-weight:900!important;
  line-height:1!important;
  letter-spacing:0!important;
  direction:ltr!important;
  white-space:nowrap!important;
  overflow:visible!important;
  opacity:1!important;
  visibility:visible!important;
  cursor:pointer!important;
}
html body #submitCommentBtn::before,
html body #submitCommentBtn::after{content:none!important;display:none!important}
html body #submitCommentBtn:disabled{cursor:wait!important;opacity:.82!important}
html body #submitCommentBtn[data-bm-state="sent"]{background:#102719!important;border-color:rgba(72,220,128,.38)!important;color:#b7ffd0!important;-webkit-text-fill-color:#b7ffd0!important}

/* Approved support placement: standalone row before the download box. */
html body .bm-support-movie-placement{
  display:block!important;
  width:min(1280px,calc(100% - 28px))!important;
  margin:18px auto 16px!important;
  padding:0!important;
  position:relative!important;
  z-index:2!important;
}
html body .bm-support-movie-placement[hidden]{display:none!important}
html body .bm-support-movie-placement>.bm-support-wrap{width:100%!important;max-width:none!important;margin:0!important;padding:0!important}
@media(max-width:640px){html body .bm-support-movie-placement{width:calc(100% - 20px)!important;margin:12px auto!important}}

/* ========================================================================
   v148.4.1 — focused mobile interaction repair
   - drawers always render above header controls
   - notification/search hit areas cannot overlap
   - comment submit uses one intact English label
   ======================================================================== */
@media (max-width:991px){
  /* The page-specific drawer CSS in older pages used z-index 180–1101,
     while the unified header is 9999. Raise drawers above the header. */
  html body #menuOverlay,
  html body .menu-overlay,
  html body #notifBackdrop,
  html body .notif-backdrop{
    position:fixed!important;
    inset:0!important;
    z-index:2147483000!important;
    pointer-events:none!important;
  }
  html body #menuOverlay.active,
  html body .menu-overlay.active,
  html body #notifBackdrop.active,
  html body .notif-backdrop.active{
    pointer-events:auto!important;
  }
  html body #sidebarMenu,
  html body .sidebar-menu,
  html body #notifSidebar,
  html body .notif-sidebar{
    position:fixed!important;
    top:0!important;
    bottom:0!important;
    height:100dvh!important;
    max-height:100dvh!important;
    z-index:2147483001!important;
    isolation:isolate!important;
    pointer-events:auto!important;
  }
  html body #sidebarMenu.open,
  html body .sidebar-menu.open,
  html body #notifSidebar.open,
  html body .notif-sidebar.open{
    visibility:visible!important;
  }

  /* No header control is allowed to paint above an open drawer. */
  html.bm-drawer-open body #siteHeader.bm-public-header-v148,
  body.bm-drawer-open #siteHeader.bm-public-header-v148{
    z-index:2147482990!important;
  }

  /* Hard hit-box isolation for bell and search. */
  html body #siteHeader.bm-public-header-v148 .notif-bell,
  html body #siteHeader.bm-public-header-v148 .bm-header-search{
    inset:auto!important;
    top:11px!important;
    width:44px!important;
    min-width:44px!important;
    max-width:44px!important;
    height:44px!important;
    min-height:44px!important;
    max-height:44px!important;
    overflow:hidden!important;
    clip-path:inset(0 round 14px)!important;
    contain:layout paint!important;
    isolation:isolate!important;
    touch-action:manipulation!important;
  }
  html body #siteHeader.bm-public-header-v148 .notif-bell{
    right:64px!important;
    left:auto!important;
    z-index:14!important;
  }
  html body #siteHeader.bm-public-header-v148 .bm-header-search{
    right:12px!important;
    left:auto!important;
    z-index:13!important;
  }
  html body #siteHeader.bm-public-header-v148 .notif-bell::before,
  html body #siteHeader.bm-public-header-v148 .notif-bell::after,
  html body #siteHeader.bm-public-header-v148 .bm-header-search::before,
  html body #siteHeader.bm-public-header-v148 .bm-header-search::after{
    content:none!important;
    display:none!important;
  }
  html body #siteHeader.bm-public-header-v148 .notif-bell *,
  html body #siteHeader.bm-public-header-v148 .bm-header-search *{
    pointer-events:none!important;
  }
}

@media (max-width:380px){
  html body #siteHeader.bm-public-header-v148 .notif-bell,
  html body #siteHeader.bm-public-header-v148 .bm-header-search{
    top:13px!important;
    width:40px!important;
    min-width:40px!important;
    max-width:40px!important;
    height:40px!important;
    min-height:40px!important;
    max-height:40px!important;
  }
  html body #siteHeader.bm-public-header-v148 .notif-bell{right:52px!important}
  html body #siteHeader.bm-public-header-v148 .bm-header-search{right:8px!important}
}

/* One-piece, non-animated label. This deliberately disables the old
   per-letter Persian animation that separated glyphs. */
html body #submitCommentBtn.bm-comment-submit-safe{
  min-width:150px!important;
  height:52px!important;
  gap:11px!important;
  direction:ltr!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:16px!important;
  font-weight:800!important;
  letter-spacing:.1px!important;
}
html body #submitCommentBtn.bm-comment-submit-safe .bm-comment-safe-icon{
  display:block!important;
  width:22px!important;
  height:22px!important;
  flex:0 0 22px!important;
  stroke:currentColor!important;
  pointer-events:none!important;
}
html body #submitCommentBtn.bm-comment-submit-safe .bm-comment-safe-label{
  display:block!important;
  position:static!important;
  opacity:1!important;
  visibility:visible!important;
  color:inherit!important;
  -webkit-text-fill-color:currentColor!important;
  font:inherit!important;
  line-height:1!important;
  white-space:nowrap!important;
  transform:none!important;
  filter:none!important;
  pointer-events:none!important;
}
html body #submitCommentBtn.bm-comment-submit-safe.is-sending{
  color:#d9e8ff!important;
  -webkit-text-fill-color:#d9e8ff!important;
  cursor:wait!important;
}
html body #submitCommentBtn.bm-comment-submit-safe.is-sent{
  color:#b7ffd0!important;
  -webkit-text-fill-color:#b7ffd0!important;
  background:#102719!important;
  border-color:rgba(72,220,128,.38)!important;
}