/* 888 LOTTO Player v3.10.86 — mobile brand alignment.
   Keep the system logo at the far-left edge on phones while preserving the
   compact wallet/action cluster and the existing mobile menu control. */
@media (max-width: 720px) {
  .topbar {
    grid-template-columns: 40px 38px minmax(0, 1fr) !important;
    grid-template-areas: "brand menu utility" !important;
    column-gap: 2px !important;
    padding-left: 4px !important;
    padding-right: 6px !important;
  }

  .header-brand-home {
    grid-area: brand !important;
    justify-self: start !important;
    margin: 0 !important;
    padding-left: 0 !important;
  }

  .header-brand-mark,
  .header-brand-mark.has-logo {
    margin-left: 0 !important;
  }

  .header-brand-mark img,
  .header-brand-mark.has-logo img {
    padding-left: 0 !important;
    object-position: left center !important;
  }

  .mobile-menu-button {
    grid-area: menu !important;
    margin: 0 !important;
  }
}

@media (max-width: 380px) {
  .topbar {
    grid-template-columns: 36px 34px minmax(0, 1fr) !important;
    grid-template-areas: "brand menu utility" !important;
    column-gap: 2px !important;
    padding-left: 3px !important;
  }
}