/* WATCH v44 — bookmark dropdown above card text.
   CSS only. Fixes poster title/description overlay appearing over the bookmark menu. */

/* When bookmark menu is open, the card and poster image become the top stacking context. */
.mcard.is-bm-open,
.mcard:has(.mcard__bm.is-open){
  position:relative !important;
  z-index:5000 !important;
  isolation:auto !important;
}

/* The original card text layer can be a sibling over the poster/menu.
   Drop it below the bookmark module only while the bookmark menu is open. */
.mcard.is-bm-open .mcard__textLayer,
.mcard:has(.mcard__bm.is-open) .mcard__textLayer,
.mcard.is-bm-open .mcard__overlay,
.mcard:has(.mcard__bm.is-open) .mcard__overlay,
.mcard.is-bm-open .mcard__overlayBody,
.mcard:has(.mcard__bm.is-open) .mcard__overlayBody,
.mcard.is-bm-open .mcard__overlayTitle,
.mcard:has(.mcard__bm.is-open) .mcard__overlayTitle,
.mcard.is-bm-open .mcard__overlayDesc,
.mcard:has(.mcard__bm.is-open) .mcard__overlayDesc{
  z-index:1 !important;
}

/* Keep bookmark wrapper/menu above all poster text layers. */
.mcard.is-bm-open .mcard__bm,
.mcard:has(.mcard__bm.is-open) .mcard__bm,
.mcard.is-bm-open .mcard__img > .mcard__bm,
.mcard:has(.mcard__bm.is-open) .mcard__img > .mcard__bm{
  z-index:10000 !important;
  position:absolute !important;
}

.mcard.is-bm-open .mcard__bmBtn,
.mcard:has(.mcard__bm.is-open) .mcard__bmBtn{
  z-index:10001 !important;
  position:relative !important;
}

.mcard.is-bm-open .mcard__bmMenu,
.mcard:has(.mcard__bm.is-open) .mcard__bmMenu,
.mcard__bm.is-open .mcard__bmMenu{
  z-index:10002 !important;
  position:absolute !important;
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
}

/* The poster image itself must not create a lower isolated stacking context while menu is open. */
.mcard.is-bm-open .mcard__img,
.mcard:has(.mcard__bm.is-open) .mcard__img{
  z-index:9000 !important;
  isolation:auto !important;
}

/* Keep the hover dim, but put it under the menu when bookmark menu is open. */
.mcard.is-bm-open .mcard__img::after,
.mcard:has(.mcard__bm.is-open) .mcard__img::after{
  z-index:2 !important;
}

/* If browser supports :has, also dim/hide text hit layer behind the menu visually enough to avoid crossing text. */
.mcard:has(.mcard__bm.is-open) .mcard__textLayer{
  pointer-events:none !important;
}

/* Same for JS-added class fallback. */
.mcard.is-bm-open .mcard__textLayer{
  pointer-events:none !important;
}