/* 22Media Premium Pro v6.71 — definitive Urdu mobile viewport/drawer fix
 * The old RTL drawer was kept off-canvas with translateX(+105%). On some mobile
 * RTL engines that transformed fixed panel can widen/shift the visual viewport,
 * leaving the user looking at a white area although the Urdu HTML is present.
 * Closed full-screen surfaces are now removed from layout/painting entirely.
 */
@media (max-width:980px){
  html[lang="ur-PK"],
  html[dir="rtl"]{
    width:100%!important;
    max-width:100%!important;
    overflow-x:hidden!important;
  }
  html[lang="ur-PK"] body.m22-lang-ur,
  html[dir="rtl"] body.m22-lang-ur{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin-left:0!important;
    margin-right:0!important;
    overflow-x:hidden!important;
  }
  body.m22-lang-ur .m22-site-shell,
  body.m22-lang-ur #main-content,
  body.m22-lang-ur .m22-main,
  body.m22-lang-ur .m22-home,
  body.m22-lang-ur .m22-home-v6,
  body.m22-lang-ur .m22-home-v7{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin-left:0!important;
    margin-right:0!important;
    transform:none!important;
  }

  /* Critical difference from v6.70: DO NOT park the closed RTL drawer outside
     the right edge with translateX. Remove it from painting until opened. */
  body.m22-lang-ur .m22-header-v66 .m22-nav-wrap:not(.is-open){
    display:none!important;
    left:auto!important;
    right:0!important;
    transform:none!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
  }
  body.m22-lang-ur .m22-header-v66 .m22-nav-wrap.is-open{
    display:flex!important;
    flex-direction:column!important;
    left:auto!important;
    right:0!important;
    transform:none!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
  }
  body.m22-lang-ur .m22-header-v66 .m22-nav-wrap:not(.is-open)+.m22-nav-backdrop{
    display:none!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }
  body.m22-lang-ur .m22-header-v66 .m22-nav-wrap.is-open+.m22-nav-backdrop{
    display:block!important;
  }

  /* A hidden fixed search layer is also completely removed on Urdu mobile. */
  body.m22-lang-ur .m22-search-pro:not(.is-open){
    display:none!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }
  body.m22-lang-ur .m22-search-pro.is-open{display:flex!important}

  /* Decorative reveal states can never blank the actual Urdu page. */
  body.m22-lang-ur .m22-v63-reveal,
  body.m22-lang-ur .m22-reveal{
    visibility:visible!important;
  }
  body.m22-lang-ur .m22-v63-reveal:not(.is-visible),
  body.m22-lang-ur .m22-reveal:not(.is-visible){
    opacity:1!important;
    transform:none!important;
  }
}