/**
 * Shared Aasvada logo display sizing — CSS only, preserves aspect ratio.
 * Source asset: /images/Aasvada_Image_Webpage.png (do not edit the image file).
 */

.sky-brand-logo,
.brand-logo,
.ck-logo,
.gk-logo-hero {
  display: block;
  object-fit: contain;
  height: auto;
  width: auto;
  max-width: 100%;
}

/* Customer home header — dimensions in gurukrupa-home.css (no desktop cap here) */
.gk-home .logo-container {
  width: auto;
  height: auto;
  flex: 0 0 auto;
  overflow: visible;
  line-height: 0;
}

.gk-home .logo-container img,
.gk-home .aasvada-header-logo {
  width: auto;
  height: auto;
  object-fit: contain;
  display: block;
}

@media (max-width: 720px) {
  .gk-home .logo-container {
    width: auto;
    height: auto;
    flex: 0 0 auto;
  }

  .gk-home .logo-container img,
  .gk-home .aasvada-header-logo {
    max-width: 104px;
    max-height: 82px;
  }
}

/* —— Customer home: prominent centered hero logo —— */
.gk-brand-showcase {
  text-align: center;
  padding: 24px 16px 16px;
  background: var(--gk-white, #fff);
  border-bottom: 1px solid var(--gk-border, #dceee4);
}

.gk-brand-showcase-link {
  display: inline-block;
  line-height: 0;
}

.gk-logo-hero {
  max-height: 250px;
  max-width: min(95vw, 700px);
  margin: 0 auto;
}

/* —— Admin shell header —— */
.admin-header .brand-logo,
.brand-area .brand-logo {
  max-height: 105px;
  max-width: min(42vw, 320px);
}

/* —— Staff login —— */
.login-card .brand-logo {
  max-height: 300px;
  max-width: min(600px, 92vw);
  margin: 0 auto 12px;
}

/* —— Customer commerce header (cart, checkout, orders) —— */
.ck-logo {
  max-height: 100px;
  max-width: min(70vw, 280px);
}

/* —— Customer home footer logo (legacy — hidden on /home/) —— */
.gk-logo-footer-img {
  max-height: 220px;
  max-width: min(92vw, 640px);
  margin: 0 auto;
}

@media (max-width: 768px) {
  .gk-logo-hero {
    max-height: 160px;
    max-width: 94vw;
  }

  .admin-header .brand-logo,
  .brand-area .brand-logo {
    max-height: 88px;
    max-width: min(72vw, 240px);
  }

  .login-card .brand-logo {
    max-height: 220px;
    max-width: min(500px, 94vw);
  }

  .ck-logo {
    max-height: 80px;
    max-width: min(78vw, 220px);
  }

  .gk-logo-footer-img {
    max-height: 180px;
    max-width: 94vw;
  }
}