/* v2.1.7 — HARD mobile navigation hint replacement.
   Keeps the old .nc-mobile-drag-hint node if Safari/old JS creates it, but removes the text visually
   and replaces it with a clean left/right arrow indicator below the catalogue page. */
@media (max-width: 760px){
  body.nc-mobile-portrait-page .stage{
    padding-bottom:calc(128px + env(safe-area-inset-bottom,0px))!important;
  }
  body.nc-mobile-portrait-page .magazine-shell{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:10px!important;
  }
  body.nc-mobile-portrait-page .book-wrap{
    margin-bottom:8px!important;
  }

  body.nc-mobile-portrait-page .nc-mobile-drag-hint{
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:138px!important;
    min-width:138px!important;
    max-width:138px!important;
    height:38px!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
    transform:none!important;
    margin:0 auto 8px!important;
    padding:0!important;
    z-index:18!important;
    border-radius:999px!important;
    background:linear-gradient(180deg, rgba(255,236,167,.96), rgba(205,156,42,.94))!important;
    border:1px solid rgba(255,244,184,.66)!important;
    box-shadow:0 10px 22px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.58)!important;
    pointer-events:none!important;
    overflow:hidden!important;

    /* kill old Romanian text even if cached JS creates only textContent */
    color:transparent!important;
    font-size:0!important;
    line-height:0!important;
    text-indent:-9999px!important;
    white-space:nowrap!important;
  }
  body.nc-mobile-portrait-page .nc-mobile-drag-hint::before,
  body.nc-mobile-portrait-page .nc-mobile-drag-hint::after{
    position:absolute!important;
    top:50%!important;
    transform:translateY(-53%)!important;
    color:#251806!important;
    font-size:30px!important;
    line-height:1!important;
    font-weight:900!important;
    text-indent:0!important;
    text-shadow:0 1px 0 rgba(255,255,255,.38)!important;
  }
  body.nc-mobile-portrait-page .nc-mobile-drag-hint::before{
    content:'‹'!important;
    left:22px!important;
  }
  body.nc-mobile-portrait-page .nc-mobile-drag-hint::after{
    content:'›'!important;
    right:22px!important;
  }
  body.nc-mobile-portrait-page .nc-mobile-drag-hint .nc-mobile-arrow,
  body.nc-mobile-portrait-page .nc-mobile-drag-hint .nc-mobile-swipe-line{
    text-indent:0!important;
  }
  body.nc-mobile-portrait-page .nc-mobile-drag-hint .nc-mobile-arrow{
    display:none!important;
  }
  body.nc-mobile-portrait-page .nc-mobile-drag-hint .nc-mobile-swipe-line,
  body.nc-mobile-portrait-page .nc-mobile-drag-hint span.nc-mobile-swipe-line{
    display:block!important;
    position:absolute!important;
    left:50%!important;
    top:50%!important;
    transform:translate(-50%,-50%)!important;
    width:46px!important;
    height:3px!important;
    border-radius:999px!important;
    background:linear-gradient(90deg, rgba(39,25,5,.12), rgba(39,25,5,.72), rgba(39,25,5,.12))!important;
  }
}