/* ==========================================================================
   1. HEADER GRADIENT: FIXED, SMOOTH, CONTINUOUS FEATHERED FADE
   ========================================================================== */
#astroid-header-wrapper,
header.astroid-header-section,
.astroid-header-section header.astroid-header {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  z-index: 9999 !important;

  background: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0.80) 0%,
    rgba(0, 0, 0, 0.65) 40%,
    rgba(0, 0, 0, 0.40) 70%,
    rgba(0, 0, 0, 0.15) 88%,
    rgba(0, 0, 0, 0.00) 100%
  ) !important;
}

/* ==========================================================================
   2. TARGET EXACT BURGER MENU BUTTON & SHIFT INWARD FROM RIGHT EDGE
   ========================================================================== */
.burger-menu-button {
  position: relative !important;
  right: 15px !important;
  margin-right: 35px !important;
}

/* Ensure outer off-canvas wrapper has clearance */
#astroid-offcanvas.astroid-offcanvas {
  right: 15px !important;
}

/* Force hamburger icon lines to render white */
.burger-menu-button span.box,
.burger-menu-button span.inner,
.burger-menu-button .navbar-toggler-icon {
  filter: brightness(0) invert(1) !important;
}

/* ==========================================================================
   3. ZERO OUT ASTROID & SP PAGE BUILDER PADDING/MARGIN OVERRIDES
   ========================================================================== */
.astroid-component-section {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

#sp-page-builder .sppb-section:first-child,
#ar-1528971561366 {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

/* Keep header spacing consistent, including when Astroid adds sticky classes */
.astroid-header-section header.astroid-header {
  padding: 0 !important;
}

/* ==========================================================================
   4. CLEAR BACKGROUND COLORS FOR FULL VISIBILITY
   ========================================================================== */
#astroid-site-wrapper,
#astroid-main-wrapper,
#astroid-content-wrapper,
#sp-page-builder {
  margin-top: 0 !important;
  padding-top: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
}

/* ==========================================================================
   5. PREVENT HORIZONTAL OVERFLOW CAUSED BY FIXED HEADER ELEMENTS
   ========================================================================== */
html,
body {
  overflow-x: hidden;
}