/* ═══════════════════════════════════════════════════════════════════════════════
   Task #977738: Navbar Layout Redesign
   - Move search icon from far right to between nav links and CTAs
   - Center main nav links (Pricing, Settlements, Tools, For Business, Learn)
   - Maintain left-aligned logo, right-aligned CTAs
   ═══════════════════════════════════════════════════════════════════════════════ */

@media (min-width: 901px) {
  /* ── Main nav container: Keep flexbox but reorder with flex-direction and order property ── */
  .nav-brand-row {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    width: 100% !important;
    height: 64px !important;
    padding: 0 clamp(1.5rem, 3vw, 2.5rem) !important;
    gap: 0.75rem !important;
  }

  /* ── Logo: order 1 (left) ── */
  .nav-logo {
    order: 1 !important;
    flex-shrink: 0 !important;
  }

  /* ── Nav links: order 2 (center) ── */
  .nav-nav-row {
    order: 2 !important;
    flex: 1 1 0% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.25rem !important;
    padding: 0 !important;
    min-width: 0 !important;
  }

  /* ── Search icon: order 3 (between nav and CTAs) ── */
  .nav-header-search {
    order: 3 !important;
    flex-shrink: 0 !important;
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }

  /* ── Auth/CTA area: order 4 (right) ── */
  .nav-plain-auth {
    order: 4 !important;
    margin-left: 0 !important;
    flex-shrink: 0 !important;
  }
}

@media (max-width: 900px) {
  /* Mobile: no changes needed, hamburger menu takes over */
}