/* Hanalab v2.3.0 — fix the EXACT two-menu collision in Lumiera Elementor
   header template #18. Applies only when this plugin is active on staging.
   163fcf6 is a separate redundant toggle container (widget c0c409e).
   The FUNCTIONAL mobile toggle is widget 25f7311 inside container bcb1f9d.
   Desktop menu lives in header container e1d4aa1. Neither is hidden. */
body:not(.wp-admin) #header_contents.header_area .elementor-18
.elementor-element.elementor-element-163fcf6,
body:not(.wp-admin) #header_contents.header_area .elementor-18
.elementor-element.elementor-element-c0c409e {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  width: 0 !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

/* On phones remove unnecessary vertical spacing in the rounded mobile header.
   Keep the logo visible at the LEFT; mobile menu, search and cart at RIGHT.
   A 64px header allows comfortable 40-44px touch targets and is much more
   compact than the former ~100px bar. */
@media (max-width: 767px) {
  body:not(.wp-admin) #header_contents.header_area .elementor-18
  .elementor-element.elementor-element-bcb1f9d {
    --min-height: 0px !important;
    --padding-top: 0px !important;
    --padding-bottom: 0px !important;
    min-height: 0 !important;
    height: auto !important;
    max-height: 70px !important;
    top: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  body:not(.wp-admin) #header_contents.header_area .elementor-18
  .elementor-element.elementor-element-6f5998d {
    --width: calc(100% - 12px) !important;
    --min-height: 0px !important;
    --margin-top: 4px !important;
    --padding-top: 0px !important;
    --padding-bottom: 0px !important;
    --padding-left: 10px !important;
    --padding-right: 10px !important;
    width: calc(100% - 12px) !important;
    max-width: none !important;
    height: 64px !important;
    min-height: 64px !important;
    max-height: 64px !important;
    margin: 4px auto 0 !important;
    padding: 0 10px !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
  }
  body:not(.wp-admin) #header_contents.header_area .elementor-18
  .elementor-element.elementor-element-16e1a0e {
    --width: 100% !important;
    --min-height: 0px !important;
    --padding-top: 0px !important;
    --padding-bottom: 0px !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
    max-height: 64px !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 6px !important;
    align-items: center !important;
    justify-content: space-between !important;
    box-sizing: border-box !important;
  }
  body:not(.wp-admin) #header_contents.header_area .elementor-18
  .elementor-element.elementor-element-a86b510 {
    --width: auto !important;
    flex: 0 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 46% !important;
    margin: 0 auto 0 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
  }
  body:not(.wp-admin) #header_contents.header_area .elementor-18
  .elementor-element.elementor-element-cc4e7d8 {
    width: auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 0 !important;
  }
  body:not(.wp-admin) #header_contents.header_area .elementor-18
  .elementor-element.elementor-element-cc4e7d8 img {
    display: block !important;
    width: clamp(110px, 30vw, 148px) !important;
    height: auto !important;
    max-height: 41px !important;
    object-fit: contain !important;
  }
  body:not(.wp-admin) #header_contents.header_area .elementor-18
  .elementor-element.elementor-element-570d566 {
    --width: auto !important;
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: 54% !important;
    min-height: 0 !important;
    margin: 0 0 0 auto !important;
    padding: 0 !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: clamp(4px, 1.5vw, 10px) !important;
  }
  /* Do not shrink or remove working menu, search or shopping-cart widgets. */
  body:not(.wp-admin) #header_contents.header_area .elementor-18
  :is(.elementor-element-25f7311,.elementor-element-0fee3e1,.elementor-element-48a4512) {
    flex: 0 0 auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    align-self: center !important;
  }
}