/* Royalaccs — sticky site header (all pages) */

:root {
  --site-header-height: 128px;
}

@media (max-width: 768px) {
  :root {
    --site-header-height: 112px;
  }
}

header[role="banner"] {
  position: sticky;
  top: 0;
  z-index: 1100;
  width: 100%;
  background: #ffffff;
  box-shadow: 0 2px 16px rgba(15, 23, 42, 0.06);
}

body.dark header[role="banner"] {
  background: #1f2937;
  box-shadow: 0 2px 16px rgba(0, 0, 0, 0.35);
}

/* Keep the whole header as one sticky block */
header[role="banner"] .top-header,
header[role="banner"] .mobile-header {
  position: relative;
  top: auto;
  z-index: auto;
}

header[role="banner"] nav,
header[role="banner"] .navbar-section,
header[role="banner"] .catalog-wrapper,
header[role="banner"] .mobile-catalog {
  background: inherit;
}

header[role="banner"] .mobile-catalog {
  border-bottom: 1px solid #e5e7eb;
}

body.dark header[role="banner"] .mobile-catalog {
  border-bottom-color: #374151;
}

/* Product page filter bar — see filter-bar.css */

/* Mobile drawer stays above page content */
.mobile-menu {
  z-index: 1200;
}

/* Floating contact buttons below sticky header layer */
.float-btns {
  z-index: 1050;
}