/* public/css/responsive/responsive.css
   FINAL PATCH — keep header/submenu locked + mobile behavior
*/

/* BASE mobile breakpoint behavior kept */
@media (max-width: 1200px) {
  .nav-desktop { gap: 20px; }
}

/* Tablet/mobile: hide center nav; show hamburger */
@media (max-width: 991px) {
  .nav-desktop { display: none !important; }
  .menu-toggle { display: inline-flex !important; }

  /* pastikan sama dengan header.css (58px) */
  .apple-header .container-fluid { 
      padding: 0 14px; 
      height: 58px; 
  }

  .apple-header .logo img { height: 28px; }
  .header-actions { right: 12px; gap: 10px; }

  /* FIX GAP — harus sama: 58px */
  .mobile-menu {
    top: 58px;
    padding: 14px 14px;
    display: none;
    flex-direction: column;
    background: rgba(0,0,0,0.95);
  }

  .mobile-menu.active { display: flex; max-height: 100vh; overflow-y: auto; }

  .mobile-dropdown { border-bottom: 1px solid rgba(255,255,255,0.04); }
}

/* smaller phones */
@media (max-width: 576px) {
  .apple-header .container-fluid { padding: 0 12px; height: 52px; }
  .apple-header .logo img { height: 26px; }
  .header-actions { gap: 8px; right: 10px; }
  .icon-btn.small i { font-size: 16px; }
}

/* minimal: ensure search container width on mobile */
@media (max-width: 768px) {
  .search-container input { width: 90%; max-width: 600px; padding: 10px 12px; }
}

/* ensure no extra header bottom gap */
.apple-header { margin-bottom: 0; }