/* 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;
  }
}