/* ==========================================================
   LEGAL CENTRE — PRIMARY NAV OPTICAL SPACING V32
   Screenshot-calibrated header spacing.

   IMPORTANT:
   - Does not move Search / Cart / Account.
   - Does not change dropdown behavior.
   - Does not redesign the header.
   - It optically moves ONLY the four primary nav controls.
   ========================================================== */

/* Wide desktop — screenshot target.
   Current visual gap is ~8-10px. +26px makes logo → Discover
   land around a premium 32-36px optical gap. */
@media (min-width:1400px){
  html body .lcbank-header .lcbank-actions{
    position:relative!important;
    transform:translateX(26px)!important;
    gap:19px!important;
    padding-left:0!important;
    margin-left:0!important;
  }
}

/* Normal desktop: slightly tighter so Need Help never crowds Search. */
@media (min-width:1300px) and (max-width:1399px){
  html body .lcbank-header .lcbank-actions{
    position:relative!important;
    transform:translateX(20px)!important;
    gap:15px!important;
    padding-left:0!important;
    margin-left:0!important;
  }
}

/* Compact desktop: preserve breathing room without borrowing
   meaningful space from the search column. */
@media (min-width:1241px) and (max-width:1299px){
  html body .lcbank-header .lcbank-actions{
    position:relative!important;
    transform:translateX(13px)!important;
    gap:12px!important;
    padding-left:0!important;
    margin-left:0!important;
  }
}

/* Small desktop/tablet header stays primarily under the canonical
   responsive system; only a tiny optical separation is added. */
@media (min-width:901px) and (max-width:1240px){
  html body .lcbank-header .lcbank-actions{
    position:relative!important;
    transform:translateX(7px)!important;
    padding-left:0!important;
    margin-left:0!important;
  }
}

/* Keep the four controls internally clean and even. */
@media (min-width:901px){
  html body .lcbank-header .lcbank-actions > a,
  html body .lcbank-header .lcbank-actions > button{
    flex:0 0 auto!important;
    margin:0!important;
  }
}