/* WATCH v43 — bookmark module above poster + info icon fallback.
   CSS only. No observers, no bookmark logic rewrites. */

/* 1) Bookmark module/menu must be above poster hover/dim/text layers. */
.mcard{
  position:relative !important;
  overflow:visible !important;
}

.mcard__img{
  position:relative !important;
  overflow:hidden !important;
  isolation:isolate !important;
}

/* poster dim/text layers stay lower */
.mcard__img::after{
  z-index:6 !important;
}
.mcard__overlay{
  z-index:8 !important;
}
.mcard__overlayBody{
  z-index:9 !important;
}

/* bookmark button/menu above all poster layers */
.mcard__img > .mcard__bm,
.mcard > .mcard__bm,
.mcard__link > .mcard__bm{
  z-index:80 !important;
  pointer-events:auto !important;
}

.mcard__img > .mcard__bm.is-open,
.mcard > .mcard__bm.is-open,
.mcard__link > .mcard__bm.is-open{
  z-index:180 !important;
}

.mcard__bmBtn{
  position:relative !important;
  z-index:181 !important;
}

.mcard__bmMenu{
  z-index:220 !important;
  background:rgba(14,14,14,.96) !important;
  border-color:rgba(255,255,255,.10) !important;
  box-shadow:0 18px 42px rgba(0,0,0,.50) !important;
}

.mcard__bm.is-open .mcard__bmMenu{
  z-index:220 !important;
}

/* Opening bookmark keeps the card over neighbours but does not rewrite the menu behavior. */
.mcard.is-bm-open,
.mcard:has(.mcard__bm.is-open){
  z-index:3000 !important;
}

/* 2) Restore info icon in preview/detail buttons when Material Icons font fails.
   Hide the literal "info" text and draw a clean circled i. */
.watch-inlinepreview__btn:not(.watch-inlinepreview__btn--play) .watch-mi,
.watch-cardpreview__btn:not(.watch-cardpreview__btn--play) .watch-mi,
.watch-material__secondaryBtn .watch-mi{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:18px !important;
  height:18px !important;
  min-width:18px !important;
  margin:0 !important;
  color:currentColor !important;
  font-size:0 !important;
  line-height:0 !important;
  overflow:hidden !important;
  position:relative !important;
  visibility:visible !important;
  opacity:1 !important;
}

.watch-inlinepreview__btn:not(.watch-inlinepreview__btn--play) .watch-mi::before,
.watch-cardpreview__btn:not(.watch-cardpreview__btn--play) .watch-mi::before,
.watch-material__secondaryBtn .watch-mi::before{
  content:"i" !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:15px !important;
  height:15px !important;
  border:2px solid currentColor !important;
  border-radius:999px !important;
  font-family:"Inter","Google Sans","SF Pro Display","Segoe UI",system-ui,sans-serif !important;
  font-size:10px !important;
  font-weight:800 !important;
  line-height:1 !important;
  box-sizing:border-box !important;
  transform:translateY(.1px) !important;
}

/* Do not let the raw icon word render next to Подробнее. */
.watch-inlinepreview__btn:not(.watch-inlinepreview__btn--play) .watch-mi,
.watch-cardpreview__btn:not(.watch-cardpreview__btn--play) .watch-mi,
.watch-material__secondaryBtn .watch-mi{
  text-indent:-9999px !important;
}
.watch-inlinepreview__btn:not(.watch-inlinepreview__btn--play) .watch-mi::before,
.watch-cardpreview__btn:not(.watch-cardpreview__btn--play) .watch-mi::before,
.watch-material__secondaryBtn .watch-mi::before{
  text-indent:0 !important;
}