/* Ravix Store 3.5 — align both desktop header rows with the home hero card.
 * The home hero uses min(100% - 40px, 1520px) on desktop.
 * Keep the header background and the optional announcement FULL width,
 * and constrain ONLY their inner content like the slider below.
 * This deliberately does not change hero, product rails, WooCommerce or mobile.
 */
@media (min-width: 1051px) {
  .rvx-site-header.rvx-unified-header {
    --rvx-desktop-content-width: 1520px;
  }
  .rvx-site-header.rvx-unified-header .rvx-header-main__inner.rvx-uni-main__inner,
  .rvx-site-header.rvx-unified-header .rvx-header-nav-row__inner.rvx-uni-nav__inner {
    box-sizing: border-box !important;
    width: min(calc(100% - 40px), var(--rvx-desktop-content-width)) !important;
    max-width: var(--rvx-desktop-content-width) !important;
    margin-inline: auto !important;
    padding-inline: 0 !important;
  }
  /* Preserve proportion when the viewport gets narrower. Keep search fluid,
     while fixed-width account/cart items and the chosen logo remain readable. */
  .rvx-site-header.rvx-unified-header .rvx-uni-search {
    min-width: 120px !important;
    max-width: min(var(--rvx-uni-search-w, 500px), 500px, 40vw) !important;
    flex-shrink: 1 !important;
  }
}
