/* Simple sticky header using position: sticky */
.shopify-section-group-header-wrapper {
  position: sticky;
  position: -webkit-sticky;
  top: 0;
  z-index: 1000;
  transition: box-shadow 0.3s ease;
}

/* Ensure header has background */
.nicobay-header {
  background-color: white;
}

/* Utility bar keeps its own background */
.utility-bar {
  background-color: inherit;
}

/* Add shadow when scrolled */
.shopify-section-group-header-wrapper.scrolled {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.shopify-section-group-header-wrapper.shopify-section-header-hidden {
  transform: translateY(-100%);
}

.shopify-section-header-sticky {
  position: relative;
}

.shopify-section-header-hidden {
  transform: translateY(-100%);
}

sticky-header {
  display: block;
  position: relative;
}

.header-wrapper {
  transition: transform 0.3s ease;
}

.shopify-section-header-sticky .header-wrapper {
  background-color: rgba(255, 255, 255, 0.98);
}

.animate,
.animate .header-wrapper {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* Add padding to body when header is sticky */
body.sticky-header-active {
  padding-top: var(--header-height, 0);
}

@media screen and (max-width: 989px) {
  /* Ensure sticky wrapper works on mobile */
  .shopify-section-group-header-wrapper {
    position: sticky !important;
    position: -webkit-sticky !important;
    top: 0 !important;
    z-index: 1000 !important;
  }
}