/* 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. */

/* Five-item mobile footer navigation. Categories is the true center action. */
@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;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
  }
  html body .bottom-nav>.nav-item,
  html body .actor-bottom-nav>.nav-item,
  html body [data-mobile-bottom-nav]>.nav-item{
    display:flex!important;
    flex:1 1 0!important;
    min-width:0!important;
    max-width:none!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="categories"],
  html body .actor-bottom-nav>[data-bm-nav-kind="categories"],
  html body [data-mobile-bottom-nav]>[data-bm-nav-kind="categories"]{
    order:3!important;
    color:#fff!important;
    position:relative!important;
  }
  html body .bottom-nav>[data-bm-nav-kind="categories"]::before,
  html body .actor-bottom-nav>[data-bm-nav-kind="categories"]::before,
  html body [data-mobile-bottom-nav]>[data-bm-nav-kind="categories"]::before{
    content:"";
    position:absolute;
    inset:4px 5px;
    border-radius:20px;
    background:linear-gradient(145deg,rgba(var(--accent-rgb,47,124,255),.24),rgba(var(--accent-rgb,47,124,255),.08));
    border:1px solid rgba(var(--accent-rgb,47,124,255),.32);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 8px 22px rgba(var(--accent-rgb,47,124,255),.12);
    pointer-events:none;
    z-index:-1;
  }
  html body .bottom-nav>[data-bm-nav-kind="categories"] svg,
  html body .actor-bottom-nav>[data-bm-nav-kind="categories"] svg,
  html body [data-mobile-bottom-nav]>[data-bm-nav-kind="categories"] svg{
    color:var(--accent,#2f7cff)!important;
    stroke:currentColor!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:4!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:5!important}
}
@media (max-width:390px){
  html body .bottom-nav .nav-label,
  html body .actor-bottom-nav .nav-label,
  html body [data-mobile-bottom-nav] .nav-label{font-size:9px!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;
}

/* ========================================================================
   v149 — Uiverse.io 00Kubi inspired send button adapter
   Scoped ONLY to movie comment + reply submit buttons.
   Main/reply logic remains in movie-comments-v14861944.js.
   ======================================================================== */
html body.movie-page button.bm-uiverse-send,
html body.movie-page #submitCommentBtn.bm-uiverse-send,
html body.movie-page button.submit-reply.bm-uiverse-send{
  --primary:#4f46e5;
  --neutral-1:#ffffff;
  --neutral-2:#f3f4f6;
  --radius:16px;
  -webkit-appearance:none!important;
  appearance:none!important;
  cursor:pointer!important;
  border-radius:var(--radius)!important;
  text-shadow:0 1px 1px rgba(0,0,0,.2)!important;
  border:none!important;
  box-shadow:0 1px 1px rgba(255,255,255,.4),0 12px 24px rgba(0,0,0,.15),0 4px 8px rgba(0,0,0,.1)!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  position:relative!important;
  isolation:isolate!important;
  transition:transform .4s cubic-bezier(.175,.885,.32,1.275),box-shadow .4s cubic-bezier(.175,.885,.32,1.275)!important;
  min-width:220px!important;
  width:auto!important;
  padding:22px!important;
  height:72px!important;
  margin-top:14px!important;
  font-family:Vazirmatn,"IRANSansX",Inter,system-ui,sans-serif!important;
  font-style:normal!important;
  font-size:19px!important;
  font-weight:600!important;
  line-height:1!important;
  letter-spacing:-.2px!important;
  color:#171923!important;
  -webkit-text-fill-color:#171923!important;
  background:transparent!important;
  background-image:none!important;
  white-space:nowrap!important;
  overflow:visible!important;
  opacity:1!important;
  visibility:visible!important;
  direction:rtl!important;
  user-select:none!important;
  -webkit-user-select:none!important;
}
html body.movie-page button.bm-uiverse-send:hover:not(:disabled),
html body.movie-page #submitCommentBtn.bm-uiverse-send:hover:not(:disabled),
html body.movie-page button.submit-reply.bm-uiverse-send:hover:not(:disabled){
  transform:translateY(-2px) scale(1.02)!important;
  box-shadow:0 2px 2px rgba(255,255,255,.4),0 18px 32px rgba(0,0,0,.15),0 8px 12px rgba(0,0,0,.1)!important;
}
html body.movie-page button.bm-uiverse-send:active:not(:disabled),
html body.movie-page #submitCommentBtn.bm-uiverse-send:active:not(:disabled),
html body.movie-page button.submit-reply.bm-uiverse-send:active:not(:disabled){
  transform:scale(1)!important;
  box-shadow:0 0 1px 2px rgba(255,255,255,.3),0 10px 3px -3px rgba(0,0,0,.2)!important;
}
html body.movie-page button.bm-uiverse-send::after,
html body.movie-page #submitCommentBtn.bm-uiverse-send::after,
html body.movie-page button.submit-reply.bm-uiverse-send::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:0!important;
  border-radius:var(--radius)!important;
  border:2.5px solid transparent!important;
  background:linear-gradient(var(--neutral-1),var(--neutral-2)) padding-box,linear-gradient(to bottom,rgba(0,0,0,.1),rgba(0,0,0,.45)) border-box!important;
  z-index:0!important;
  transition:all .4s ease!important;
  pointer-events:none!important;
}
html body.movie-page button.bm-uiverse-send:hover:not(:disabled)::after,
html body.movie-page #submitCommentBtn.bm-uiverse-send:hover:not(:disabled)::after,
html body.movie-page button.submit-reply.bm-uiverse-send:hover:not(:disabled)::after{
  transform:scale(1.05,1.1)!important;
  box-shadow:inset 0 -1px 3px 0 rgba(255,255,255,1)!important;
}
html body.movie-page button.bm-uiverse-send::before,
html body.movie-page #submitCommentBtn.bm-uiverse-send::before,
html body.movie-page button.submit-reply.bm-uiverse-send::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:7px 6px 6px!important;
  background:linear-gradient(to top,var(--neutral-1),var(--neutral-2))!important;
  border-radius:30px!important;
  filter:blur(.5px)!important;
  z-index:2!important;
  pointer-events:none!important;
}
html body.movie-page .bm-uiverse-send .bm-ui-outline{
  position:absolute;
  border-radius:inherit;
  overflow:hidden;
  z-index:1;
  opacity:0;
  transition:opacity .4s ease;
  inset:-2px -3.5px;
  pointer-events:none;
}
html body.movie-page .bm-uiverse-send .bm-ui-outline::before{
  content:"";
  position:absolute;
  inset:-100%;
  background:conic-gradient(from 180deg,transparent 60%,var(--primary) 85%,transparent 100%);
  animation:bmUiverseSpin 2.5s linear infinite;
  animation-play-state:paused;
  opacity:.7;
}
@keyframes bmUiverseSpin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
html body.movie-page .bm-uiverse-send:hover:not(:disabled) .bm-ui-outline{opacity:1}
html body.movie-page .bm-uiverse-send:hover:not(:disabled) .bm-ui-outline::before{animation-play-state:running}

html body.movie-page .bm-uiverse-send .bm-ui-state{
  z-index:3;
  display:flex;
  align-items:center;
  justify-content:center;
  position:relative;
  min-height:28px;
  padding-left:31px;
  color:#171923!important;
  -webkit-text-fill-color:#171923!important;
  pointer-events:none;
}
html body.movie-page .bm-uiverse-send .bm-ui-label{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:4px;
  direction:rtl;
  unicode-bidi:plaintext;
}
html body.movie-page .bm-uiverse-send .bm-ui-label>span:not(.bm-ui-space){
  display:block;
  opacity:0;
  animation:bmUiverseSlideDown .8s ease forwards calc(var(--i) * .06s);
}
html body.movie-page .bm-uiverse-send .bm-ui-space{display:inline-block;width:2px}
html body.movie-page .bm-uiverse-send:hover:not(:disabled) .bm-ui-state-default .bm-ui-label>span:not(.bm-ui-space){
  opacity:1;
  animation:bmUiverseWave .5s ease forwards calc(var(--i) * .06s);
}
@keyframes bmUiverseWave{
  30%{opacity:1;transform:translateY(4px)}
  50%{opacity:1;transform:translateY(-4px);color:var(--primary)}
  100%{opacity:1;transform:translateY(0)}
}
@keyframes bmUiverseSlideDown{
  0%{opacity:0;transform:translateY(-20px) translateX(5px) rotate(-14deg);color:var(--primary);filter:blur(5px)}
  30%{opacity:1;transform:translateY(4px) translateX(0) rotate(0);filter:blur(0)}
  50%{opacity:1;transform:translateY(-3px) translateX(0) rotate(0)}
  100%{opacity:1;transform:translateY(0) translateX(0) rotate(0)}
}
@keyframes bmUiverseDisappear{from{opacity:1}to{opacity:0;transform:translateX(5px) translateY(20px);color:var(--primary);filter:blur(5px)}}

html body.movie-page .bm-uiverse-send .bm-ui-icon{
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  margin:auto;
  transform:scale(1.25);
  transition:all .3s ease;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#171923;
}
html body.movie-page .bm-uiverse-send .bm-ui-icon svg{overflow:visible;filter:drop-shadow(0 1px .8px rgba(0,0,0,.32))}
html body.movie-page .bm-uiverse-send .bm-ui-state-default .bm-ui-icon svg{animation:bmUiverseLand .6s ease forwards}
html body.movie-page .bm-uiverse-send:hover:not(:disabled) .bm-ui-state-default .bm-ui-icon{transform:rotate(45deg) scale(1.25)}
html body.movie-page .bm-uiverse-send.is-sending .bm-ui-state-default .bm-ui-icon{transform:rotate(0) scale(1.25)}
html body.movie-page .bm-uiverse-send.is-sending .bm-ui-state-default .bm-ui-icon svg{animation:bmUiverseTakeOff .8s linear forwards}
html body.movie-page .bm-uiverse-send.is-sending .bm-ui-state-default .bm-ui-label>span:not(.bm-ui-space){animation:bmUiverseDisappear .6s ease forwards calc(var(--i) * .05s)}
@keyframes bmUiverseTakeOff{0%{opacity:1}60%{opacity:1;transform:translateX(80px) rotate(45deg) scale(2.2)}100%{opacity:0;transform:translateX(180px) rotate(45deg) scale(0)}}
@keyframes bmUiverseLand{0%{transform:translateX(-60px) translateY(30px) rotate(-50deg) scale(2);opacity:0;filter:blur(3px)}100%{transform:translateX(0) translateY(0) rotate(0);opacity:1;filter:blur(0)}}
html body.movie-page .bm-uiverse-send .bm-ui-state-default .bm-ui-icon::before{
  content:"";
  position:absolute;
  top:50%;
  height:2px;
  width:0;
  left:-5px;
  background:linear-gradient(to right,transparent,rgba(0,0,0,.5));
}
html body.movie-page .bm-uiverse-send.is-sending .bm-ui-state-default .bm-ui-icon::before{animation:bmUiverseContrail .8s linear forwards}
@keyframes bmUiverseContrail{0%{width:0;opacity:1}8%{width:15px}60%{opacity:.7;width:80px}100%{opacity:0;width:160px}}

html body.movie-page .bm-uiverse-send .bm-ui-state-sent{display:none}
html body.movie-page .bm-uiverse-send.is-sent .bm-ui-state-default{display:none}
html body.movie-page .bm-uiverse-send.is-sent .bm-ui-state-sent{display:flex}
html body.movie-page .bm-uiverse-send.is-sent .bm-ui-state-sent .bm-ui-label>span:not(.bm-ui-space){
  opacity:0;
  animation:bmUiverseSlideDown .8s ease forwards calc(var(--i) * .12s);
}
html body.movie-page .bm-uiverse-send.is-sent .bm-ui-state-sent .bm-ui-icon svg{
  opacity:0;
  animation:bmUiverseAppear 1.2s ease forwards .35s;
}
@keyframes bmUiverseAppear{0%{opacity:0;transform:scale(4) rotate(-40deg);color:var(--primary);filter:blur(4px)}30%{opacity:1;transform:scale(.6);filter:blur(1px)}50%{opacity:1;transform:scale(1.2);filter:blur(0)}100%{opacity:1;transform:scale(1)}}

html body.movie-page .bm-uiverse-send:disabled{
  cursor:wait!important;
  opacity:1!important;
}
html body.movie-page .bm-uiverse-send.is-sent{cursor:default!important}
html body.movie-page .bm-uiverse-send:focus-visible{outline:3px solid rgba(79,70,229,.45)!important;outline-offset:5px!important}

/* Reply form layout: keep the large Uiverse button usable on narrow screens. */
html body.movie-page .reply-form-container .form-actions{align-items:center!important;flex-wrap:wrap!important}
html body.movie-page .reply-form-container button.submit-reply.bm-uiverse-send{margin-top:0!important}

@media(max-width:640px){
  html body.movie-page button.bm-uiverse-send,
  html body.movie-page #submitCommentBtn.bm-uiverse-send,
  html body.movie-page button.submit-reply.bm-uiverse-send{
    min-width:184px!important;
    height:60px!important;
    padding:18px!important;
    font-size:16px!important;
  }
  html body.movie-page .reply-form-container .form-actions{justify-content:flex-end!important}
  html body.movie-page .reply-form-container button.submit-reply.bm-uiverse-send{min-width:184px!important}
}
@media(prefers-reduced-motion:reduce){
  html body.movie-page .bm-uiverse-send,
  html body.movie-page .bm-uiverse-send *,
  html body.movie-page .bm-uiverse-send *::before,
  html body.movie-page .bm-uiverse-send *::after{animation:none!important;transition:none!important}
  html body.movie-page .bm-uiverse-send .bm-ui-label>span:not(.bm-ui-space){opacity:1!important;transform:none!important;filter:none!important}
}