/* =========================================================
   Lampert & Walsh – custom-new.css (header overrides only)
   ========================================================= */

/* 1) Header layout */
#masthead .header-wrapper{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
}

/* 2) Push the entire nav group to the RIGHT */
#masthead #site-navigation{
  margin-left:auto !important;        /* key: pins nav to the right edge */
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:12px;
  width:auto !important;
}

/* Neutralize old floats/widths that fight flex */
#masthead #site-navigation > *{
  float:none !important;
  width:auto !important;
  flex:0 0 auto !important;           /* don't let items shrink */
}

/* 3) Order inside the right-aligned group
      Left -> Right: Desktop Menu → Request CTA → Phone → Hamburger */
#masthead #site-navigation .main-navigation-wrapper{ order:1 !important; }
#masthead #site-navigation .button{ order:3 !important; }
#masthead #site-navigation .header-phone{ order:2 !important; }
#masthead #site-navigation .menu-toggle,
#masthead #site-navigation #menutoggle{ order:4 !important; }

/* 4) Phone appearance + prevent wrapping */
#masthead #site-navigation .header-phone{
  white-space:nowrap !important;      /* keep number on one line */
}
#masthead #site-navigation .header-phone a{
  display:inline-flex !important;
  align-items:center !important;
  gap:8px;
  font-weight:800 !important;
  color:#fff !important;
  text-decoration:none !important;
  line-height:1.1 !important;
  padding:10px 0 !important;          /* visually centers vs CTA */
}
#masthead #site-navigation .header-phone a i{
  font-size:14px !important;
  color:#fff !important;
}

/* Optional: if the phone still tries to compress on some widths,
   give it a reasonable floor on desktop */
@media (min-width: 1025px){
  #masthead #site-navigation .header-phone{ min-width: 170px; }
}

/* Optional: hide hamburger on desktop (uncomment if desired)
@media (min-width: 1025px){
  #masthead #site-navigation .menu-toggle{ display:none !important; }
}
*/

/* (Optional) tighten spacing between CTA and phone a touch */
#masthead #site-navigation .button{ margin-right:4px !important; }