/* === Industrial-Corporate Header — Custom Styles ============ */

/* Sticky header + scroll shadow */
#siteHeader {
  position: sticky;
  top: 0;
  z-index: 1000;
  transition: box-shadow 0.3s;
}
#siteHeader.scrolled {
  box-shadow: 0 4px 20px rgba(0,0,0,0.12);
}

/* Thin top bar stays visible */
#siteHeader .h-1 { flex-shrink: 0; }

/* Mobile menu button */
#mobileMenuBtn {
  min-width: 44px;
  min-height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Nav overlay (mobile) */
.nav-overlay {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.5);
  z-index: 998;
  opacity: 0;
  transition: opacity 0.3s;
}
.nav-overlay.active {
  display: block;
  opacity: 1;
}

/* Mobile menu: scrollable if many items */
#mobileMenu {
  max-height: 70vh;
  overflow-y: auto;
}

/* Search input: prevent iOS zoom */
@media (max-width: 767px) {
  input[name="s"] {
    font-size: 16px !important; /* iOS won't zoom if >=16px */
  }
}

/* Cert badge: slight hover effect */
#siteHeader [title*="FUJI Korea"] {
  transition: transform 0.3s;
}
#siteHeader [title*="FUJI Korea"]:hover {
  transform: scale(1.05);
}

/* Language switcher: ensure clickable on mobile */
#siteHeader .group button {
  min-height: 44px;
}

/* Fix for Tailwind container with existing theme */
#siteHeader + .nav-overlay + main {
  /* Ensure no overlap with sticky header */
}

/* Sticky header offset for anchor links */
html {
  scroll-padding-top: 160px; /* header height */
}

@media (max-width: 1023px) {
  html {
    scroll-padding-top: 200px;
  }
}
@media (max-width: 767px) {
  html {
    scroll-padding-top: 120px;
  }
}