/*=========================================================
  SITE LOGO (options table → header → headerlogo)
  The uploaded PNG is 1432x959 with uneven transparent padding
  around the artwork (artwork box: x 308–1220, y 162–822), so
  sizing the <img> directly leaves the logo small and
  off-centre. Here the image is scaled so the ARTWORK is
  --logo-h tall, and negative margins pull the transparent
  padding out of the layout. Set --logo-h per placement.
  If the logo file is replaced, update the numbers below.
=========================================================*/
img.siteLogoImg {
  --logo-unit: calc(var(--logo-h, 56px) / 660);
  display: block;
  flex: none;
  width: calc(var(--logo-unit) * 1432);
  height: calc(var(--logo-unit) * 959);
  max-width: none;
  max-height: none;
  margin: calc(var(--logo-unit) * -162) calc(var(--logo-unit) * -212) calc(var(--logo-unit) * -137) calc(var(--logo-unit) * -308);
  clip-path: inset(16.6% 14.5% 14% 21.2%);
}

/* Front header (frontend/partials/header) */
.nkLogo .siteLogoImg {
  --logo-h: 58px;
}

/* Legacy front header (Include/Header) */
.ast_logo .siteLogoImg {
  --logo-h: 64px;
}

/* Login / Forgot password */
.as_login_detail .siteLogoImg {
  --logo-h: 96px;
  display: inline-block;
}

/* Admin / Astrologer / Vendor / Customer panel sidebar */
.app-brand .siteLogoImg {
  --logo-h: 52px;
}

@media (max-width: 767px) {
  .nkLogo .siteLogoImg {
    --logo-h: 46px;
  }

  .ast_logo .siteLogoImg {
    --logo-h: 50px;
  }

  .as_login_detail .siteLogoImg {
    --logo-h: 80px;
  }
}
