/* Sticky Header - Mobile & Desktop */
.js-header.c-header {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  z-index: 9999 !important;
  background-color: #fff !important;
  border-bottom: 1px solid #e1e5e9 !important;
  transition: all 0.3s ease !important;
}
/* Add shadow when scrolled */
.js-header.c-header.scrolled {
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1) !important;
}
/* Ensure header content doesn't get cut off */
.js-header.c-header .o-grid {
  max-width: 100% !important;
  padding: 0 20px !important;
}
/* Add padding to body to prevent content from hiding behind sticky header */
/* body {
  padding-top: 80px !important; 
} */
/* Adjust this value based on your header height */

/* Mobile specific adjustments */
@media (max-width: 768px) {
  body {
    padding-top: 70px !important;
  } /* Slightly less padding on mobile */
  .js-header.c-header .o-grid {
    padding: 0 15px !important;
  }
  /* Ensure mobile menu works properly with sticky header */
  .c-nav-wrap {
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    right: 0 !important;
    background-color: #fff !important;
    border-bottom: 1px solid #e1e5e9 !important;
    z-index: 9998 !important;
  }
}
/* Handle headroom.js classes if they exist */
.js-header.headroom--pinned {
  transform: translateY(0) !important;
}
.js-header.headroom--unpinned {
  transform: translateY(0) !important;
} /* Override headroom hiding */
/* Smooth scroll behavior when clicking anchor links */
html {
  scroll-behavior: smooth !important;
  scroll-padding-top: 100px !important; /* Offset for sticky header */
}
/* Fix any logo positioning issues */
.c-logo {
  display: flex !important;
  align-items: center !important;
}
/* Ensure navigation items are properly aligned - DESKTOP ONLY */
@media (min-width: 769px) {
  .c-nav {
    display: flex !important;
    align-items: center !important;
  }
}
/* Handle CTA buttons positioning */
.cm-cta {
  white-space: nowrap !important;
}
/* Additional mobile menu fixes */
@media (max-width: 768px) {
  /* When mobile menu is open, prevent body scroll */
  body.cm-nav-open {
    overflow: hidden !important;
  }
  /* Mobile menu overlay */
  .c-nav-wrap.is-active,
  .c-nav-wrap[aria-expanded="true"] {
    max-height: calc(100vh - 70px) !important;
    overflow-y: auto !important;
  }
}