/* VigVag WEB header layout fix — 0.6.1
 * 0.6 introduced two CTA anchors but kept the old four-column grid.
 * Group both anchors in one logical grid cell; the search field owns
 * the only flexible track, while city and account remain on the same row.
 * Scope everything to the desktop header, leaving PWA untouched.
 */
@media (min-width: 1241px) {
  .vv-topbar {
    grid-template-columns: max-content minmax(150px, 1fr) max-content max-content;
    column-gap: clamp(10px, 1.05vw, 18px);
    padding-left: clamp(15px, 1.5vw, 28px);
    padding-right: clamp(15px, 1.5vw, 28px);
  }
  .vv-topbar .vv-header-cta {
    min-width: 0;
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 8px;
  }
  .vv-header-cta .vv-btn {
    min-height: 42px;
    padding: 0 14px;
    font-size: 13px;
    line-height: 1.2;
    white-space: nowrap;
    flex: 0 0 auto;
  }
  .vv-header-cta .vv-header-cta-publish {
    border-color: #e1e6ed;
    font-weight: 800;
  }
  .vv-topbar .vv-search { min-width: 0; width: 100%; }
  .vv-topbar .vv-search input {
    display: block;
    width: 100%;
    min-width: 0;
    text-overflow: ellipsis;
  }
  .vv-topbar .vv-city {
    min-width: 0;
    white-space: nowrap;
    font-size: 13px;
  }
  .vv-topbar .vv-top-actions {
    min-width: 0;
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-end;
    gap: 10px;
  }
  .vv-topbar .vv-top-icon,
  .vv-topbar .vv-header-menu,
  .vv-topbar .vv-account-menu {
    flex: 0 0 auto;
  }
  .vv-topbar .vv-user-chip {
    min-width: 0;
    white-space: nowrap;
  }
  .vv-topbar .vv-user-chip > span:last-child {
    min-width: 0;
    max-width: 150px;
  }
  .vv-topbar .vv-user-chip b,
  .vv-topbar .vv-user-chip small {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media (min-width: 1241px) and (max-width: 1380px) {
  .vv-topbar { column-gap: 9px; padding-left: 12px; padding-right: 12px; }
  .vv-header-cta .vv-btn { padding: 0 10px; font-size: 12px; }
  .vv-topbar .vv-top-actions { gap: 6px; }
  .vv-topbar .vv-user-chip { gap: 6px; }
  .vv-topbar .vv-user-chip > span:last-child { max-width: 90px; }
}
@media (max-width: 1240px) {
  /* The original layout switches to a single-column mobile WEB header.
     Keep both CTAs side by side without changing that breakpoint. */
  .vv-topbar .vv-header-cta {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
  }
  .vv-topbar .vv-header-cta .vv-btn { white-space: nowrap; }
  .vv-topbar .vv-search { min-width: 0; }
}