/* ===== VitroNet — nav_mobile_fix.css =====
   Purpose: ensure the main nav is ALWAYS visible on mobile (iOS/Android),
   and override any hidden/overlay/burger rules coming from older CSS.
   Include this file LAST.
================================================= */

/* Correct the intended selector (#main-menu with class .menu) */
@media (max-width: 959px){
  #main-menu.menu,
  .site-header .menu{
    position: static !important;
    transform: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    display: flex !important;
    gap: 12px;
    background: transparent !important;
    box-shadow: none !important;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
    justify-content: flex-start;
    z-index: 1000;
  }

  /* Hide any burger or overlay artifacts if present */
  .burger, #menu-overlay { display: none !important; }
}

/* Make sure header can grow for 2-line nav */
.site-header { overflow: visible !important; }

/* Button look stays neat on mobile */
.site-header .menu a{
  display:inline-flex; align-items:center; justify-content:center;
  padding:10px 12px; border-radius:999px;
  border:1px solid rgba(15,23,42,.15);
  background: rgba(255,255,255,.75);
  text-decoration:none;
  font-weight:700;
}
.site-header .menu a.primary{
  border-color: transparent;
  background: linear-gradient(135deg, var(--primary, #0ea5e9), var(--accent, #22c55e));
  color:#fff;
}