/* 22Media Premium Pro v6.57 — dropdown restore + balanced desktop menu spacing */

/*
 * v6.56 reserved space for Saved/Search correctly, but its desktop
 * overflow rule clipped absolutely-positioned WordPress sub-menus.  This
 * layer restores visible overflow while keeping the utility column isolated.
 */
@media (min-width:981px){
  .m22-header-v66 .m22-nav-wrap,
  .m22-header-v66 .m22-nav-inner,
  .m22-header-v66 .m22-primary-nav,
  .m22-header-v66 .m22-nav-list,
  .m22-header-v66 .m22-nav-list>li{
    overflow:visible!important;
  }

  .m22-header-v66 .m22-primary-nav{
    position:relative!important;
    z-index:30!important;
  }

  .m22-header-v66 .m22-nav-list{
    gap:5px!important;
  }

  .m22-header-v66 .m22-nav-list>li>a{
    padding-left:7px!important;
    padding-right:7px!important;
  }

  .m22-header-v66 .m22-nav-list>li>.sub-menu{
    z-index:10060!important;
  }

  .m22-header-v66 .m22-nav-list>li:hover>.sub-menu,
  .m22-header-v66 .m22-nav-list>li:focus-within>.sub-menu,
  .m22-header-v66 .m22-nav-list>li.m22-submenu-open>.sub-menu{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:translateY(0) scale(1)!important;
  }
}

/* Laptop desktop: give each top-level item a little breathing room without
 * returning to the old overlap problem. */
@media (min-width:1181px) and (max-width:1460px){
  .m22-header-v66 .m22-nav-list{gap:3px!important}
  .m22-header-v66 .m22-nav-list>li>a{
    padding-left:6px!important;
    padding-right:6px!important;
    font-size:10.1px!important;
  }
}

/* Very wide screens can afford slightly more editorial rhythm. */
@media (min-width:1461px){
  .m22-header-v66 .m22-nav-list{gap:6px!important}
  .m22-header-v66 .m22-nav-list>li>a{
    padding-left:8px!important;
    padding-right:8px!important;
  }
}

/* Keep the last desks opening inward so Opinion/Health/etc. never run off the
 * right edge. RTL mirrors the same behaviour. */
@media (min-width:981px){
  .m22-header-v66 .m22-nav-list>li:nth-last-child(-n+5)>.sub-menu{
    left:auto!important;
    right:0!important;
  }
  body.m22-lang-ur .m22-header-v66 .m22-nav-list>li:nth-last-child(-n+5)>.sub-menu{
    right:auto!important;
    left:0!important;
  }
}