/* JTS Theme v3.0.5 — mega menu immediately beneath Shop, with real bridge */
@media (min-width:981px){
  #jts-nav > ul > li.jts-mega-menu{
    position:relative!important;
  }

  /* Closed panel does not exist in hit testing, so it cannot phantom-trigger. */
  #jts-nav > ul > li.jts-mega-menu:not(.jts-mega-open) > ul.sub-menu,
  #jts-nav > ul > li.jts-mega-menu:hover:not(.jts-mega-open) > ul.sub-menu,
  #jts-nav > ul > li.jts-mega-menu:focus-within:not(.jts-mega-open) > ul.sub-menu{
    display:none!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }

  /*
   * Open panel is anchored to the Shop LI, not the tall header.  4px is small
   * enough that the user can naturally move into it without losing hover.
   */
  #jts-nav > ul > li.jts-mega-menu.jts-mega-open > ul.sub-menu{
    display:grid!important;
    position:absolute!important;
    top:calc(100% + 4px)!important;
    left:var(--jts-mega-centre-x,50%)!important;
    right:auto!important;
    margin:0!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:translateX(-50%)!important;
    z-index:99999!important;
  }

  /*
   * Real hit-testable bridge from Shop to the panel. It is only displayed
   * after .jts-mega-open has been set by hovering Shop, so it cannot open the
   * menu from elsewhere on the page.
   */
  #jts-nav > ul > li.jts-mega-menu > .jts-mega-hover-bridge{
    display:none;
    position:absolute;
    z-index:99998;
    left:-36px;
    top:100%;
    width:calc(100% + 72px);
    height:14px;
    background:transparent;
    pointer-events:auto;
  }
  #jts-nav > ul > li.jts-mega-menu.jts-mega-open > .jts-mega-hover-bridge{
    display:block!important;
  }

  #jts-nav > ul > li.jts-mega-menu > ul.sub-menu::before{
    display:none!important;
  }
  #jts-nav > ul > li.jts-mega-menu > ul.sub-menu::after{
    top:-7px!important;
  }
}

/* Compact WooCommerce breadcrumb area retained. */
body.woocommerce #jts-main.jts-commerce{padding-top:12px!important}
body.woocommerce #jts-breadcrumbs.jts-breadcrumbs{
  padding:0 0 5px!important;
  margin-top:0!important;
  margin-bottom:10px!important;
  min-height:0!important;
}
body.single-product #jts-main.jts-commerce{padding-top:10px!important}
body.single-product #jts-breadcrumbs.jts-breadcrumbs{margin-bottom:8px!important}

@media (max-width:767px){
  body.woocommerce #jts-main.jts-commerce,
  body.single-product #jts-main.jts-commerce{padding-top:6px!important}
  body.woocommerce #jts-breadcrumbs.jts-breadcrumbs{
    width:calc(100% - 32px)!important;
    padding:0 0 4px!important;
    margin:0 auto 7px!important;
    font-size:12px!important;
    line-height:1.4!important;
  }
}