/*
 * Corporate / Corporate Pro header — automatic mobile switch (see assets/js/header-autocollapse.js).
 * Loaded for those two site types only.
 */

/* ── Measuring state: PC layout, nothing may wrap or shrink, so natural widths can be read ── */
html.utopia-nav-measuring .site-header .site-header__inner,
html.utopia-nav-measuring .site-header .site-header__nav-bar {
  flex-wrap: nowrap !important;
  justify-content: flex-start !important;
}
html.utopia-nav-measuring .site-header .site-header__inner > *,
html.utopia-nav-measuring .site-header .site-header__nav-bar > * {
  flex: 0 0 auto !important;
  width: auto !important;
  max-width: none !important;
}
html.utopia-nav-measuring .site-header .site-header__actions,
html.utopia-nav-measuring .site-header .site-header__row1-actions {
  flex-wrap: nowrap !important;
}
html.utopia-nav-measuring .site-header :is(a, button, li, span, p) {
  white-space: nowrap !important;
}
html.utopia-nav-measuring .site-header .utopia-primary-menu {
  flex-wrap: nowrap !important;
  width: auto !important;
  max-width: none !important;
  justify-content: flex-start !important;
}
html.utopia-nav-measuring .site-header .utopia-primary-menu > li {
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
}

/* ── Corporate Pro 2nd-row bar: 100 % wide, items proportional to their own width, never compressed ── */
html:not(.utopia-nav-collapsed) body.utopia-site-corporate-pro .site-header.utopia-header-design--double .site-header__nav-bar--below .utopia-primary-menu > li {
  flex: var(--utopia-li-grow, 1) 0 auto !important;
  min-width: max-content !important;
}
html.utopia-nav-measuring body.utopia-site-corporate-pro .site-header.utopia-header-design--double .site-header__nav-bar--below .utopia-primary-menu > li {
  flex: 0 0 auto !important;
  min-width: 0 !important;
}
html:not(.utopia-nav-collapsed) body.utopia-site-corporate-pro .site-header.utopia-header-design--double .site-header__nav-bar--below .site-header__nav,
html:not(.utopia-nav-collapsed) body.utopia-site-corporate-pro .site-header.utopia-header-design--double .site-header__nav-bar--below .utopia-primary-menu {
  width: 100% !important;
  max-width: 100% !important;
}
html.utopia-nav-measuring body.utopia-site-corporate-pro .site-header.utopia-header-design--double .site-header__nav-bar--below .utopia-primary-menu {
  width: auto !important;
}
/* Corporate: the header is never scaled down any more (it collapses to the mobile menu instead) */
body.utopia-site-corporate .site-header__inner.is-scaled,
body.utopia-site-corporate-pro .site-header__inner.is-scaled {
  transform: none !important;
}
html:not(.utopia-nav-collapsed) body.utopia-site-corporate-pro .site-header.utopia-header-design--double .site-header__nav-bar--below .utopia-nav-panel--primary {
  flex: 1 1 100% !important;
  width: 100% !important;
  max-width: 100% !important;
}
html.utopia-nav-measuring body.utopia-site-corporate-pro .site-header.utopia-header-design--double .site-header__nav-bar--below .utopia-nav-panel--primary {
  flex: 0 0 auto !important;
  width: auto !important;
}
