/* header-fix.css - minimal header overrides to restore consistent header behavior */

/* Base header - hide hamburger on desktop */
header .hamburger { display: none !important; }

header .navbar { background: #fff !important; display: flex !important; align-items: center !important; justify-content: space-between !important; padding: 12px 16px !important; position: relative !important; z-index: 1000 !important; }
/* Logo on left - standard PC layout */
header .logo { position: relative !important; order: 1 !important; left: auto !important; top: auto !important; transform: none !important; pointer-events: none !important; z-index: 1010 !important; }
header .nav-logo { max-height: 56px !important; }
header .nav-left { order: 2 !important; flex: 1 !important; justify-content: flex-end !important; }
header .navbar-right { order: 3 !important; display: flex !important; align-items: center !important; gap: 8px !important; position: relative !important; flex-shrink: 0 !important; }

/* Tablet / larger mobile: collapse header sooner for narrower screens */
@media (max-width: 920px) {
  header .navbar { background: transparent !important; padding: 0 !important; }
  header .navbar::after {
    content: "";
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    height: 72px;
    background: #ffffff;
    z-index: 0;
    pointer-events: none;
  }
  header .navbar ul,
  header .nav-left,
  header .navbar > ul { display: none !important; }
  header .hamburger { display: flex !important; position: fixed !important; left: 12px !important; top: 12px !important; background: rgba(255,255,255,0.95) !important; box-shadow: 0 1px 6px rgba(0,0,0,0.08) !important; border-radius: 8px !important; z-index: 10070 !important; padding: 8px !important; }
  header .hamburger-icon { width: 30px !important; height: 30px !important; }
  header .logo { position: fixed !important; left: 50% !important; top: 12px !important; transform: translateX(-50%) !important; pointer-events: none !important; z-index: 10065 !important; }
  header .navbar-right { position: fixed !important; right: 12px !important; top: 12px !important; z-index: 10071 !important; }
  body { padding-top: 72px !important; }
}

/* Overlays above header */
.menu-backdrop { z-index: 10050 !important; }
.mobile-menu { z-index: 10060 !important; }
body.menu-open { overflow: hidden !important; }

/* MOBILE: simplified header */
@media (max-width: 600px) {
  header .navbar ul, header .nav-left { display: none !important; }

  /* Mobile white bar behind the top icons (hamburger / logo / globe) */
  header::after {
    content: "";
    position: fixed;
    left: 0;
    right: 0;
    top: 0;                    /* cover the fixed top row */
    height: 72px;             /* match the top control area */
    background: #ffffff;
    z-index: 0;               /* behind logo and menu icons */
    pointer-events: none;
  }

  /* push page content below the fixed mobile header */
  body {
    padding-top: 72px !important;
  }

  /* simple 3-line hamburger top-left */
  header .hamburger { position: fixed !important; left: 12px !important; top: 12px !important; background: transparent !important; padding: 6px !important; z-index: 10070 !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; }

  header .hamburger span { display: block !important; width: 18px !important; height: 2px !important; margin: 3px 0 !important; border-radius: 1px !important; background: #1c3f70 !important; }

  header .hamburger-icon {
    width: 30px !important;
    height: 30px !important;
    object-fit: contain !important;
    display: block !important;
  }


/* Hamburger animation disabled - keep as 3 lines */

  /* logo centered (not left) */
  header .logo { position: fixed !important; left: 50% !important; top: 12px !important; transform: translateX(-50%) !important; pointer-events: none !important; z-index: 10065 !important; }

  /* ensure overlays are above header */
  .menu-backdrop { z-index: 10080 !important; }
  .mobile-menu { z-index: 10090 !important; }
}