/* AI Project Universe V6.26 — mobile menu routing + project icon synchronization */
@media (max-width: 760px) {
  :is(.apu-v69-native-toggle,.apu-final-mobile-toggle,.apu-mobile-menu-toggle,.mobile-menu-toggle,button[aria-controls*="menu" i]) {
    touch-action: manipulation !important;
    -webkit-tap-highlight-color: transparent !important;
  }

  :is(.apu-v69-malaysia-menu,.apu-final-mobile-drawer,.apu-v5-mobile-nav-drawer,.apu-mobile-drawer-v65,.ai-architect-drawer) a[href] {
    touch-action: manipulation !important;
    -webkit-tap-highlight-color: rgba(15, 157, 166, .16) !important;
  }

  :is(.apu-v69-malaysia-menu,.apu-final-mobile-drawer,.apu-v5-mobile-nav-drawer,.apu-mobile-drawer-v65,.ai-architect-drawer) a[href]:active {
    transform: scale(.985) !important;
    filter: brightness(.98) !important;
  }

  /* The secondary mobile project mark now uses the same real project icon as the top toolbar. */
  .apu-v629-synced-project-icon {
    padding: 0 !important;
    overflow: hidden !important;
    background: #fff !important;
    border-radius: 18px !important;
    border: 2px solid rgba(15, 23, 42, .16) !important;
    box-shadow: 0 7px 16px rgba(15, 23, 42, .13) !important;
    color: transparent !important;
    font-size: 0 !important;
  }

  .apu-v629-synced-project-icon > img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: center !important;
    border-radius: inherit !important;
  }

  .apu-v69-native-mark.apu-v629-synced-project-icon {
    width: 50px !important;
    height: 50px !important;
    min-width: 50px !important;
  }

  /* Keep the mobile menu above project content and make each destination easy to tap. */
  .apu-v69-malaysia-nav { z-index: 2147482500 !important; }
  .apu-v69-malaysia-menu { z-index: 2147482490 !important; }
  .apu-v69-malaysia-menu a {
    min-height: 52px !important;
    cursor: pointer !important;
    user-select: none !important;
  }
}
