/* Plain mobile drawer menu — no mega panels or image tiles */

/*
 * Hide desktop Max Mega Menu on tablet/mobile immediately.
 * Also hide mega markup inside the mobile drawer until the plain menu replaces it.
 * Critical twin of these rules is inlined in wp_head so LiteSpeed UCSS cannot drop them.
 */
@media (max-width: 1199px) {
  /* Desktop header mega menu must never paint on small screens */
  #mega-menu-wrap-primary-menu,
  #mega-menu-wrap-primary-menu #mega-menu-primary-menu,
  .tgmenu-main-menu #mega-menu-wrap-primary-menu,
  .tgmenu-navbar-wrap #mega-menu-wrap-primary-menu,
  header #mega-menu-wrap-primary-menu {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
  }

  /* Any open mega flyout / panel */
  #mega-menu-wrap-primary-menu .mega-sub-menu,
  #mega-menu-primary-menu .mega-sub-menu,
  .mega-menu .mega-sub-menu,
  .mega-menu-primary-menu .mega-menu-item .mega-sub-menu {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }

  /* Mobile drawer: never show mega tiles / image menus */
  .tgmobile__menu-outer #mega-menu-wrap-primary-menu,
  .tgmobile__menu-outer #mega-menu-wrap-mobile-menu,
  .tgmobile__menu-outer #mega-menu-primary-menu,
  .tgmobile__menu-outer #mega-menu-mobile-menu,
  .tgmobile__menu-outer .mega-menu,
  .tgmobile__menu-outer .mega-sub-menu,
  .tgmobile__menu-outer .mega-block-title,
  .tgmobile__menu-outer .mega-menu-item-type-widget {
    display: none !important;
    visibility: hidden !important;
  }

  .tgmobile__menu-outer > ul.navigation,
  .tgmobile__menu-outer ul.tst-mobile-navigation {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
  }

  .tgmobile__menu-outer ul.navigation > li,
  .tgmobile__menu-outer ul.tst-mobile-navigation > li {
    position: relative;
    display: block !important;
    width: 100% !important;
    float: none !important;
    border-bottom: 1px solid rgba(86, 47, 7, 0.12);
  }

  .tgmobile__menu-outer ul.navigation li a,
  .tgmobile__menu-outer ul.tst-mobile-navigation li a {
    display: block !important;
    padding: 14px 48px 14px 18px !important;
    color: #562f07 !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
    text-decoration: none !important;
    background: transparent !important;
    white-space: normal !important;
  }

  .tgmobile__menu-outer ul.navigation li.menu-item-has-children > a,
  .tgmobile__menu-outer ul.tst-mobile-navigation li.menu-item-has-children > a {
    padding-right: 48px !important;
  }

  .tgmobile__menu-outer ul.navigation ul.sub-menu,
  .tgmobile__menu-outer ul.tst-mobile-navigation ul.sub-menu {
    display: none;
    position: static !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    background: #f7f4ef !important;
    box-shadow: none !important;
  }

  .tgmobile__menu-outer ul.navigation ul.sub-menu li a,
  .tgmobile__menu-outer ul.tst-mobile-navigation ul.sub-menu li a {
    padding: 12px 18px 12px 28px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
  }

  .tgmobile__menu-outer ul.navigation ul.sub-menu ul.sub-menu li a,
  .tgmobile__menu-outer ul.tst-mobile-navigation ul.sub-menu ul.sub-menu li a {
    padding-left: 42px !important;
  }

  .tgmobile__menu-outer .dropdown-btn {
    position: absolute;
    right: 10px;
    top: 8px;
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 2;
  }

  .tgmobile__menu-outer .mega-custom-icon::before,
  .tgmobile__menu-outer .mega-title-below,
  .tgmobile__menu-outer .mega-indicator,
  .tgmobile__menu-outer img {
    display: none !important;
  }
}


/* =========================================================
 * TST desktop nav restore (≥1200px)
 * Ensures Max Mega Menu shows horizontal links on Nest Hub / laptop
 * even if a cached megamenu stylesheet still uses an old 1399 breakpoint.
 * ========================================================= */
@media (min-width: 1200px) {
  #mega-menu-wrap-primary-menu .mega-menu-toggle {
    display: none !important;
  }
  #mega-menu-wrap-primary-menu .mega-menu-toggle ~ button.mega-close {
    display: none !important;
  }
  #mega-menu-wrap-primary-menu #mega-menu-primary-menu,
  #mega-menu-wrap-primary-menu .mega-menu-toggle + #mega-menu-primary-menu {
    display: flex !important;
    visibility: visible !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    position: static !important;
    transform: none !important;
    opacity: 1 !important;
    pointer-events: auto !important;
  }
  #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li {
    display: list-item !important;
    visibility: visible !important;
  }
}