/* Farm Manager brand logo – transparent PNG, scales cleanly */

.brand-logo {
  height: auto;
  width: 100%;
  max-width: 280px;
  object-fit: contain;
  display: block;
  background: transparent;
}

/* Site header (homepage nav) */
.brand-logo--site-header {
  max-width: 220px;
  margin: 0;
}

/* Footer logo – light panel on dark footer (see .site-footer__logo-panel) */
.brand-logo--footer {
  display: block;
  width: auto;
  max-width: 180px;
  height: auto;
  object-fit: contain;
  margin: 0;
}

/* Legacy homepage hero – kept for other pages if referenced */
.brand-logo--header {
  max-width: 280px;
  margin: 0 auto 1rem;
}

/* Login, onboarding, edit profile */
.brand-logo--login {
  max-width: 300px;
  margin: 0 auto;
}

/* Dashboard welcome card */
.brand-logo--welcome {
  max-width: 220px;
  height: auto;
  object-fit: contain;
  margin: 0 auto;
}

/* Small mark for cards or compact headers */
.brand-logo--card {
  max-width: 48px;
}

@media (max-width: 768px) {
  .brand-logo--site-header {
    max-width: 170px;
  }

  .brand-logo--footer {
    max-width: 150px;
  }

  .brand-logo--header {
    max-width: 200px;
  }

  .brand-logo--login {
    max-width: 260px;
  }

  .brand-logo--welcome {
    max-width: 180px;
  }
}

@media (min-width: 769px) {
  .brand-logo--login {
    max-width: 320px;
  }
}