/* Elementor compatibility adjustments for custom-job-theme. */

.elementor-page #primary,
.elementor-page .site-main {
  width: 100%;
  max-width: 100%;
}

.elementor-page .entry-content {
  margin: 0;
}

.elementor-page #secondary {
  display: none;
}

/* =====================================================
   FIX: Remove white gap above Elementor header (all users)
   Covers: html/body margin, #page wrapper, clearfix
   ::before height, and container margin variables.
   ===================================================== */
html,
body {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

#page.site {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Flatten the clearfix ::before — display:table can have
   non-zero height from UA border-spacing on some engines */
.elementor-location-header::before,
.elementor-location-header::after {
  display: block !important;
  height: 0 !important;
  font-size: 0 !important;
  line-height: 0 !important;
  overflow: hidden !important;
}

/* Zero out the outer header container's margin via both
   the CSS variable and the computed property */
.elementor-1804 .elementor-element-54f2541c {
  --margin-top: 0px;
  margin-top: 0 !important;
  margin-block-start: 0 !important;
}

/* =====================================================
   FIX: Mobile header — keep logo / hamburger / auth
   all on a single row (Elementor sets --width:0% on
   the nav column which causes it to collapse & wrap).
   ===================================================== */
@media (max-width: 767px) {
  /* Force the inner flex row to stay on one line */
  .elementor-1804 .elementor-element-54f2541c > .e-con-inner {
    flex-wrap: nowrap !important;
    align-items: center !important;
  }

  /* Logo: fills remaining space between the two edge columns */
  .elementor-1804 .elementor-element-11f50a72 {
    flex: 1 1 auto !important;
    width: auto !important;
    max-width: none !important;
  }

  /* Hamburger column: shrink to just the icon width */
  .elementor-1804 .elementor-element-760daea6 {
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: none !important;
  }

  /* Auth / login-button column: shrink to content */
  .elementor-1804 .elementor-element-62f58e57 {
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: none !important;
  }
}