/* ELIE v5.1.86 — book spacing, immediate death handoff and unified Kadim close */

/* BOOK
   Reduce the reading column by exactly 100px from the top while preserving its
   lower edge and scroll behaviour. Move the left visual station slightly down. */
.book-screen .book-art{
  top:38.5%!important;
}
.book-screen .book-download-signal{
  top:80%!important;
}
.book-screen .book-copy.book-copy-v5182{
  top:calc(clamp(174px,19.5vh,226px) + 100px)!important;
}

/* MYRA KADIM STONE
   Use the exact same Close-Off / Close-On control language as every signal
   window. The decorative child image is hidden so no earlier rule can block
   the CSS rollover state. */
.kadim-stone-modal .kadim-stone-close{
  position:absolute!important;
  right:18px!important;
  left:auto!important;
  top:15px!important;
  z-index:140!important;
  width:48px!important;
  height:48px!important;
  min-width:48px!important;
  min-height:48px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background-color:transparent!important;
  background-image:url('../assets/images/Close-Off.png')!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  background-size:contain!important;
  box-shadow:none!important;
  transform:none!important;
  cursor:pointer!important;
}
.kadim-stone-modal .kadim-stone-close:hover,
.kadim-stone-modal .kadim-stone-close:focus-visible,
.kadim-stone-modal .kadim-stone-close:active{
  background-color:transparent!important;
  background-image:url('../assets/images/Close-On.png')!important;
  box-shadow:none!important;
  transform:none!important;
  outline:none!important;
}
.kadim-stone-modal .kadim-stone-close>img{
  display:none!important;
  opacity:0!important;
  visibility:hidden!important;
}
html[dir="rtl"] .kadim-stone-modal .kadim-stone-close{
  right:auto!important;
  left:18px!important;
}

/* Short landscape screens retain the same 100px reduction without squeezing
   the left station against the page edge. */
@media (orientation:landscape) and (pointer:coarse), (max-height:760px){
  .book-screen .book-art{top:33%!important}
  .book-screen .book-download-signal{top:80%!important}
  .book-screen .book-copy.book-copy-v5182{
    top:calc(clamp(94px,17vh,126px) + 100px)!important;
  }
  .kadim-stone-modal .kadim-stone-close{
    right:7px!important;
    top:6px!important;
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    min-height:34px!important;
  }
  html[dir="rtl"] .kadim-stone-modal .kadim-stone-close{right:auto!important;left:7px!important}
}

/* Portrait mobile keeps enough reading height for scrolling while applying the
   requested 100px top reduction. */
@media (max-width:680px) and (orientation:portrait){
  .book-screen .book-art{top:20%!important}
  .book-screen .book-download-signal{top:28.5%!important}
  .book-screen .book-copy.book-copy-v5182{
    top:calc(42% + 100px)!important;
  }
  .kadim-stone-modal .kadim-stone-close{
    right:7px!important;
    top:7px!important;
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    min-height:40px!important;
  }
  html[dir="rtl"] .kadim-stone-modal .kadim-stone-close{right:auto!important;left:7px!important}
}