/* =========================================================
   NoxStack Hq — Custom overrides
   ========================================================= */

/* ── Logo sizing ─────────────────────────────────────── */

/* Header nav logos (dark-bg pages: index, about, contact, blog, career) */
.header__logo img.logo-primary,
.header__logo img.logo-secondary {
  height: 100px;
  width: auto;
}

/* Header nav logos (light-bg pages: faq, service, service-subpages, blog posts, portfolio) */
.header__logo-2 .logo-dark img,
.header__logo-2 .logo-light img {
  height: 100px;
  width: auto;
}

/* Offcanvas / side drawer logo */
.offcanvas__logo img {
  height: 50px;
  width: auto;
}

/* Footer logo */
img.footer__logo {
  height: 100px;
  width: auto;
  margin-bottom: 20px;
}

/* Sticky header — logo shrinks when bar is pinned on scroll */
.nox-sticky .header__logo img.logo-primary,
.nox-sticky .header__logo img.logo-secondary,
.nox-sticky .header__logo-2 .logo-dark img,
.nox-sticky .header__logo-2 .logo-light img {
  height: 44px;
  transition: height 0.3s ease;
}

/* Responsive — mobile */
@media only screen and (max-width: 767px) {
  .header__logo img.logo-primary,
  .header__logo img.logo-secondary,
  .header__logo-2 .logo-dark img,
  .header__logo-2 .logo-light img {
    height: 100px;
  }
  .offcanvas__logo img {
    height: 100px;
  }
  img.footer__logo {
    height: 100px;
  }
}