/**
 * Mobile header / hamburger menu fix (all exam themes).
 * Loaded via @import at end of styles.css + tpk-mobile-menu-fix.js after main.js.
 */

/* Full-screen backdrops must not intercept taps when menus are closed */
.close_side_menu {
  display: none !important;
  pointer-events: none !important;
  visibility: hidden !important;
}

body.offcanvas-menu-active .close_side_menu,
body.cart-sidenav-menu-active .close_side_menu {
  display: block !important;
  pointer-events: auto !important;
  visibility: visible !important;
}

.rbt-close_side_menu {
  display: none !important;
  pointer-events: none !important;
}

.popup-mobile-menu:not(.active) {
  pointer-events: none !important;
  visibility: hidden !important;
}

.popup-mobile-menu.active {
  pointer-events: auto !important;
  visibility: visible !important;
  z-index: 10050 !important;
}

.popup-mobile-menu.active .inner-wrapper {
  z-index: 10051 !important;
}

.popup-mobile-menu .close-button {
  position: relative;
  z-index: 10052 !important;
  pointer-events: auto !important;
  touch-action: manipulation;
  cursor: pointer;
  min-width: 44px;
  min-height: 44px;
}

.popup-mobile-menu .close-button i {
  pointer-events: none;
}

/* Limit floating widgets to visible icon only (not full-width hit area) */
.tawk {
  width: auto !important;
  max-width: 72px;
  pointer-events: none;
}

.tawk a,
.tawk img {
  pointer-events: auto;
}

/* Header controls above page content on mobile */
@media (max-width: 1199px) {
  .rbt-header {
    position: relative;
    z-index: 10001 !important;
  }

  .rbt-header .rbt-header-wrapper {
    position: relative;
    z-index: 10002 !important;
  }

  .rbt-header .rbt-header-wrapper.rbt-sticky {
    z-index: 10002 !important;
  }

  .rbt-header .header-right,
  .rbt-header .mobile-menu-bar,
  .rbt-header .hamberger,
  .rbt-header .hamberger-button {
    position: relative;
    z-index: 10003 !important;
    pointer-events: auto !important;
  }

  .rbt-header .hamberger-button {
    min-width: 44px;
    min-height: 44px;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0.1);
  }

  .rbt-header .hamberger-button i {
    pointer-events: none;
  }

  /* Empty category chip hidden on mobile — frees header space */
  .rbt-header .rbt-category-menu-wrapper.rbt-category-update {
    display: none !important;
  }

  /* Hero banners must not steal taps from header */
  .header-transperent-spacer.rbt-banner-area,
  .rbt-banner-area.header-transperent-spacer,
  .slider-area.header-transperent-spacer {
    pointer-events: none;
  }

  .header-transperent-spacer a,
  .header-transperent-spacer button,
  .header-transperent-spacer input,
  .header-transperent-spacer select,
  .header-transperent-spacer textarea,
  .header-transperent-spacer .rbt-btn,
  .header-transperent-spacer .popup-youtube.ready,
  .header-transperent-spacer .video-popup-wrapper,
  .header-transperent-spacer .rbt-card {
    pointer-events: auto;
  }

  html.side-nav-opened:not(.tpk-search-open) body::before {
    display: none !important;
    pointer-events: none !important;
  }
}
