/* ======================================================
c075-bottom-mask.css — BOTTOM BACKGROUND OVERLAY + FOOTER COPY
FULL REPLACE (SAFE FOR BLUBR)
====================================================== */

:root{
  --bmComposerH: 42px;
  --bmComposerGap: 35px;

  --bmComposerFooterSize: 12px;
  --bmComposerFooterInk: rgba(0,0,0,0.55);
}


/* composer always top */
.bm-composer{ z-index: 1000 !important; }


/* bottom overlay background */
body::after{
  content:"";
  position: fixed;
  left:0;
  right:0;
  bottom:0;

  height: calc(
    (var(--bmComposerH) / 2)
    + var(--bmComposerGap)
    + env(safe-area-inset-bottom,0px)
  );

  background: var(--bg);

  z-index: 900;   /* LOWER than footer */
  pointer-events:none;
}


/* =========================
REAL FOOTER NOTICE (VISIBLE)
========================= */

.bm-bottomNotice{

  position: fixed;
  left:50%;
  transform:translateX(-50%);

  bottom: calc(env(safe-area-inset-bottom,0px) + 8px);

  width: min(920px, calc(100vw - 28px));
  text-align:center;

  font-size: var(--bmComposerFooterSize);
  line-height:1.25;
  color: var(--bmComposerFooterInk);

  z-index: 950;   /* ABOVE overlay, BELOW composer */
  pointer-events:none;
}


/* Mobile */
@media (max-width:720px){

  :root{
    --bmComposerGap:10px;
    --bmComposerFooterSize:11px;
  }

}