/* ============================================================
   Header Search Reorder
   Slim header: Logo → Search → Menu → Cart
   ============================================================ */

/* Reorder the four mid-bar flex children */
.header-slim .mid-bar .desktop-logo-wrapper        { order: 1; }
.header-slim .mid-bar .desktop-search-wrapper      { order: 2; }
.header-slim .mid-bar .desktop-main-menu-wrapper   { order: 3; }
.header-slim .mid-bar .header-cart-group           { order: 4; }

/* Give the search a sensible width and breathing room between logo and menu */
.header-slim .mid-bar .desktop-search-wrapper {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 420px;
          flex: 0 1 420px;
  margin: 0 24px;
}

/* Make sure the menu sits flush to the right of the search */
.header-slim .mid-bar .desktop-main-menu-wrapper {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}

/* Keep the logo and cart from growing */
.header-slim .mid-bar .desktop-logo-wrapper,
.header-slim .mid-bar .header-cart-group {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

/* ============================================================
   If the search still shows as a collapsed icon/dropdown,
   the rules below force it open inline. Remove these if it
   already renders as a full visible input bar.
   ============================================================ */
.header-slim .desktop-search-wrapper .search-trigger {
  display: none;
}

.header-slim .desktop-search-wrapper .dropdown-menu {
  display: block !important;
  position: static !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  border: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
  float: none !important;
  width: 100% !important;
}

.header-slim .desktop-search-wrapper .header-search {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.header-slim .desktop-search-wrapper .search-input {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 40px;
  border-radius: 4px 0 0 4px;
}

.header-slim .desktop-search-wrapper .search-button {
  height: 40px;
  border-radius: 0 4px 4px 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}