.HomeButton {
  display: none;
}

.HomePage .BackButton {
  display: none;
}

.SignInPage .UserButton {
  display: none;
}

.SignInPage .CartButton {
  display: none;
}

.SignInPage.PhonePage .CartButton {
  display: initial;
}

.AccountPage .UserButton {
  display: none;
}
.AccountPage .BackButton {
  display: none;
}
.AccountPage .HomeButton {
  display: initial;
}


.OrderPage .HomeButton {
  display: initial;
}
.OrderPage .BackButton {
  display: none;
}
@media (min-width: 993px) {
  .HomePage .MenuMobileButton {
    display: none;
  }
  .HomePage .MenuDesktopButton {
    display: initial;
  }
}
/*--- Tablet and Mobile ---*/
@media (max-width: 992px) {
  .loggedIn .UserButton {
    display: none;
  }
  .MenuMobileButton {
    display: none;
  }

  .HomePage:not(.loggedIn) .CartButton {
    display: none;
  }
  .HomePage .MenuMobileButton {
    display: initial;
  }
  .HomePage .MenuDesktopButton {
    display: none;
  }

  .ShoppingPage .UserButton:not(:has(.gate-auth-ui)) {
    display: none;
  }
  .ShoppingPage .UserButton:has(.gate-auth-ui) {
    display: initial;
  }

  .AccountPage .HomeButton {
    display: none;
  }
  .AccountPage .MenuMobileButton {
    display: initial;
  }

  .OrderPage.loggedIn .UserButton {
    display: initial;
  }
  .OrderPage .CartButton {
    display: none;
  }

  .LocationsPage:not(.loggedIn) .CartButton {
    display: none;
  }
}

/* Gate login dialog primary buttons: btn-custom2 has no rule anywhere, so they rendered as bare text. */
#GateAuthDialog .btn-custom2:not(.btn-outline-secondary) {
  background-color: var(--tmo-online-bg-header, #333333);
  color: var(--tmo-online-text-on-header, #ffffff);
  border: 1px solid var(--tmo-online-bg-header, #333333);
}
#GateAuthDialog .btn-custom2:not(.btn-outline-secondary):disabled {
  opacity: 0.6;
}