/* Responsive header fixes */
.site-logo img, .site-logo svg {
  height: auto !important;
  max-height: 96px !important;
  width: auto !important;
  object-fit: contain !important;
}

@media (max-width: 768px) {
  .site-logo img, .site-logo svg {
    max-height: 64px !important;
  }
}

@media (max-width: 480px) {
  .site-logo img, .site-logo svg {
    max-height: 48px !important;
  }
}

/* === MCP Hotfix 2025-10-16: Header & Mobile Nav - ENHANCED === */

/* Force proper flex alignment in header and prevent logo/burger overlap */
.site-header .full-width-nav {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
  padding: 1rem 25px !important;
}

/* Improved logo and hamburger spacing */
.site-header .site-logo { 
  flex: 1 1 auto; 
  min-width: 0; 
  max-width: calc(100% - 80px); /* Ensure space for hamburger */
}

.site-header .mobile-menu-wrapper { 
  flex: 0 0 auto; 
  min-width: 60px; /* Ensure minimum space for hamburger */
}

/* Enhanced mobile responsive styles */
@media (max-width: 768px) {
  .site-header .full-width-nav {
    gap: 20px !important;
    padding: 0.8rem 20px !important;
  }
  
  .site-header .site-logo a { 
    display: block; 
    max-width: 50vw; /* Reduced from 55vw for more hamburger space */
  }
  
  .site-header .site-logo img,
  .site-header .site-logo svg {
    height: auto !important;
    max-height: 36px !important; /* Reduced from 40px */
    width: auto !important;
    object-fit: contain !important;
  }
}

@media (max-width: 480px) {
  .site-header .full-width-nav {
    gap: 24px !important;
    padding: 0.6rem 15px !important;
  }
  
  .site-header .site-logo a { 
    max-width: 45vw; /* Even smaller on very small screens */
  }
  
  .site-header .site-logo img,
  .site-header .site-logo svg { 
    max-height: 32px !important; /* Further reduced */
  }
}

/* Prevent horizontal scroll issues */
.mobile-nav {
  position: fixed !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  overflow-x: hidden !important;
  border: none !important;
  outline: none !important;
}

/* Safety net for horizontal scroll */
html, body { 
  overflow-x: hidden; 
}

body.mobile-nav-open { 
  position: fixed; 
  width: 100%; 
}