/* ==========================================================
   BantuSocial v2.39.2 — Minimal Full Image View Controls
   Only: Back + the existing platform Dismiss control
   ========================================================== */

/* Remove every earlier custom Full View toolbar version. */
html body .bs2381-lightbox-toolbar,
html body .bs2382-lightbox-toolbar,
html body .bs2381-lb-title,
html body .bs2382-lb-title,
html body .bs2381-lb-chip,
html body .bs2382-lb-chip{
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
}

/* Reset space added by the previous toolbar redesigns. */
html body .lightbox-post.bs2381-lightbox .js_scroller,
html body .lightbox-post.bs2382-lightbox .js_scroller,
html body .lightbox-post.bs2392-clean-controls .js_scroller{
  padding-top:56px!important;
}

/* One minimal Back control on the content panel. */
html body .lightbox-post .bs2392-back-toolbar{
  position:absolute!important;
  top:12px!important;
  left:12px!important;
  z-index:90!important;
  display:flex!important;
  align-items:center!important;
  width:auto!important;
  max-width:calc(100% - 100px)!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  pointer-events:auto!important;
}
html body .lightbox-post .bs2392-back-btn{
  appearance:none!important;
  -webkit-appearance:none!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  min-width:78px!important;
  height:38px!important;
  padding:0 13px!important;
  margin:0!important;
  border:1px solid rgba(151,169,201,.16)!important;
  border-radius:12px!important;
  background:rgba(11,24,42,.90)!important;
  color:#f5f8ff!important;
  box-shadow:0 10px 24px rgba(0,0,0,.18)!important;
  backdrop-filter:blur(14px)!important;
  -webkit-backdrop-filter:blur(14px)!important;
  font-size:11px!important;
  line-height:1!important;
  font-weight:850!important;
  letter-spacing:0!important;
  white-space:nowrap!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
  cursor:pointer!important;
  transition:background .16s ease,border-color .16s ease,transform .16s ease!important;
}
html body .lightbox-post .bs2392-back-btn:hover{
  transform:translateY(-1px)!important;
  border-color:rgba(116,143,196,.30)!important;
  background:rgba(20,38,64,.98)!important;
}
html body .lightbox-post .bs2392-back-btn i{
  font-size:11px!important;
  color:#c6d4e9!important;
}

/* Keep Dismiss readable and completely separate on the far right. */
html body .lightbox-close,
html body .js_lightbox-close{
  z-index:110!important;
  white-space:nowrap!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
}

/* Undo any older full-view CSS that tried to globally restyle action labels. */
html body .lightbox-post .post-actions *,
html body .lightbox-post .post-stats *{
  word-break:normal!important;
  overflow-wrap:normal!important;
}

/* Mobile: Back remains top-left; Dismiss remains top-right. */
@media(max-width:767.98px){
  html body .lightbox-post.bs2381-lightbox .js_scroller,
  html body .lightbox-post.bs2382-lightbox .js_scroller,
  html body .lightbox-post.bs2392-clean-controls .js_scroller{
    padding-top:54px!important;
  }
  html body .lightbox-post .bs2392-back-toolbar{
    top:9px!important;
    left:9px!important;
    max-width:calc(100% - 92px)!important;
  }
  html body .lightbox-post .bs2392-back-btn{
    min-width:72px!important;
    height:36px!important;
    padding:0 11px!important;
    border-radius:11px!important;
    font-size:10px!important;
  }
}

/* Very small screens: still keep two controls apart. */
@media(max-width:380px){
  html body .lightbox-post .bs2392-back-btn{
    min-width:66px!important;
    height:34px!important;
    padding:0 9px!important;
    font-size:9px!important;
  }
}