/* Header Intersection Control CSS */

/* Control header intersection with top header */
.header-navigation {
  /* Intersection margin control */
  margin-top: var(--header-top-spacing, 0px) !important;
  margin-bottom: var(--header-bottom-spacing, 0px) !important;
  
  /* Intersection padding control */
  padding: var(--header-intersection-padding, 0px) !important;
  
  /* Intersection border control */
  border: var(--header-intersection-border, none) !important;
  border-radius: var(--header-intersection-border-radius, 0px) !important;
  
  /* Intersection box shadow control */
  box-shadow: var(--header-intersection-box-shadow, none) !important;
  
  /* Intersection background control */
  background: var(--header-intersection-background, transparent) !important;
  
  /* Intersection z-index control */
  z-index: var(--header-intersection-z-index, 1000) !important;
}

/* Intersection presets */
.header-navigation.intersection-none {
  margin-top: 20px !important;
  border-radius: 8px !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.1) !important;
}

.header-navigation.intersection-light {
  margin-top: -10px !important;
  border-radius: 8px 8px 0 0 !important;
}

.header-navigation.intersection-medium {
  margin-top: -20px !important;
  border-radius: 8px 8px 0 0 !important;
}

.header-navigation.intersection-heavy {
  margin-top: -30px !important;
  border-radius: 8px 8px 0 0 !important;
}