/* Marque blanche : chargée uniquement sur l'adresse d'un restaurant (ex. lapasserelle.monresto.shop). */
:root {
  --site-accent: var(--brand-color, #d72e43);
  --site-accent-hover: color-mix(in srgb, var(--brand-color, #d72e43) 84%, #000);
  --site-soft-red: color-mix(in srgb, var(--brand-color, #d72e43) 7%, #fff);
}

/* Pas de « monResto » ajouté par le CSS des pages refondues (carte, connexion, accueil, listes). */
html body .navbar .navbar-brand::after {
  content: none !important;
  display: none !important;
}

/* Logo du restaurant à la place du carré MonResto, ou son nom en texte. Priorité sur les règles
   body.menu-redesign / body.auth-page-redesign … .logo_header (carré coloré de 38 px). */
html body .navbar .navbar-brand .logo_header.brand-logo {
  display: block;
  width: auto !important;
  max-width: min(220px, 52vw) !important;
  height: 44px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: none !important;
  object-fit: contain;
  object-position: left center;
}
@media (max-width: 720px) {
  html body .navbar .navbar-brand .logo_header.brand-logo {
    height: 36px !important;
  }
}
html body .navbar .navbar-brand .brand-name {
  display: inline-block;
  max-width: 60vw;
  overflow: hidden;
  color: var(--site-ink, #262826);
  font-size: 1.25rem;
  font-weight: 700;
  letter-spacing: -.01em;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
}

.brand-footer .brand-footer-links {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 4px 16px;
}
.brand-footer a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  color: inherit;
  font-size: .875rem;
}
.brand-footer .brand-powered {
  color: var(--site-muted, #62655d);
}
.brand-footer .brand-powered a {
  font-size: inherit;
  font-weight: 600;
}

/* Compte client à la couleur du restaurant (account.css, account-profile.css). */
html body.page-account {
  --account-accent: var(--brand-color, #a82f24);
  --account-accent-hover: color-mix(in srgb, var(--account-accent) 84%, #000);
  --account-accent-soft: color-mix(in srgb, var(--account-accent) 10%, #fff);
}
html body.page-account:is(.account-redesign, .account-navigation) .account-nav a[aria-current="page"] { background: var(--account-accent-soft); color: var(--account-accent-hover); }
html body.page-account:is(.account-redesign, .account-navigation) .account-nav a:hover { color: var(--account-accent-hover); }
html body.page-account.account-redesign .account-button,
html body.page-account.account-redesign .account-main .btn-grey-big { background: var(--account-accent); border-color: var(--account-accent); }
html body.page-account.account-redesign .account-button:hover,
html body.page-account.account-redesign .account-main .btn-grey-big:hover { background: var(--account-accent-hover); }
html body.page-account.account-redesign .account-empty-icon { color: var(--account-accent-hover); background: var(--account-accent-soft); }
html body.page-account.account-redesign .account-order-detail > summary,
html body.page-account.account-redesign .account-main .list .button .cta { color: var(--account-accent-hover); }
html body.page-account:is(.account-redesign, .account-navigation) .account-shell a:focus-visible { outline-color: var(--account-accent); }